0
www.thaiadc.com
Adobe Edge Code CC
Teerasej Jiraphatchandej
User Group Manager, ThaiADC
!
!
ThaiADC Visual Meeting 3/2014
www.thaiadc.com
‘พล’ ธีรเศรษฐ์ จิรภัทร์ชาญเดช
User Group Manager, ThaiADC
!
Facebook.com/teerasej

Twitter.com/teerasej
Yo...
www.thaiadc.com
Web Editor
www.thaiadc.com
HTML
CSS
Javascript
www.thaiadc.com
HTML
CSS
Javascript
PHP
Ruby on Rails
Java (Aww…)
www.thaiadc.com
www.thaiadc.com
www.thaiadc.com
www.thaiadc.com
Adobe Edge Code CC
www.thaiadc.com
Adobe Edge Code CC
• เบา สบาย เร็ว
• ใช้ Open Source Project: Brackets
• สร้างจาก HTML, CSS, Javascript
• ...
www.thaiadc.com
Edge Code Feature
• Live Preview
• Quick Edit/ Inline Color Selector
• Go to Definition
• Code Hinting & Co...
www.thaiadc.com
Edge Code Integration
• Edge Web Font
• Adobe Kuler
• PhoneGap Build (early stage)
www.thaiadc.com
Adobe Kuler
www.thaiadc.com
PhoneGap Build
www.thaiadc.com
Links
• Adobe Kuler > https://kuler.adobe.com/
• PhoneGap Build > https://build.phonegap.com/
www.thaiadc.com
Brackets
www.thaiadc.com
Brackets
• Based project for Edge Code CC
• Open Source
• Free
www.thaiadc.com
Brackets Resource
• Download > http://brackets.io/
• Extension > https://brackets-
registry.aboutweb.com/
www.thaiadc.com
Thank You
Let Q&A
Teerasej Jiraphatchandej
User Group Manager, ThaiADC
!
Search ‘teerasej’
or teerasej@gma...
Upcoming SlideShare
Loading in...5
×

รู้จักกับ Adobe Edge code CC และ Brackets Web Editor

431

Published on

วิทยากร: ธีรเศรษฐ์ จิรภัทร์ชาญเดช, User Group Manager, Thai Adobe Developer Community

ดูวิดีโอบันทึก Webinar ได้ที่นี่:

มารู้จักกับ Web Editor ตัวใหม่ของ Adobe: Edge Code CC ที่เบา เร็ว และมากด้วยความสามารถอย่าง Live Preview, Code Hinting & Completion, Edge Web Font, PhoneGap Build, และ Code Extension

Published in: Education, Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
431
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "รู้จักกับ Adobe Edge code CC และ Brackets Web Editor"

  1. 1. www.thaiadc.com Adobe Edge Code CC Teerasej Jiraphatchandej User Group Manager, ThaiADC ! ! ThaiADC Visual Meeting 3/2014
  2. 2. www.thaiadc.com ‘พล’ ธีรเศรษฐ์ จิรภัทร์ชาญเดช User Group Manager, ThaiADC ! Facebook.com/teerasej
 Twitter.com/teerasej Youtube.com/user/teerasej! gplus.to/teerasej teerasej@gmail.com
  3. 3. www.thaiadc.com Web Editor
  4. 4. www.thaiadc.com HTML CSS Javascript
  5. 5. www.thaiadc.com HTML CSS Javascript PHP Ruby on Rails Java (Aww…)
  6. 6. www.thaiadc.com
  7. 7. www.thaiadc.com
  8. 8. www.thaiadc.com
  9. 9. www.thaiadc.com Adobe Edge Code CC
  10. 10. www.thaiadc.com Adobe Edge Code CC • เบา สบาย เร็ว • ใช้ Open Source Project: Brackets • สร้างจาก HTML, CSS, Javascript • ฟรี สำหรับผู้ใช้งาน Creative Cloud ทั้งแบบ free และ subscription
  11. 11. www.thaiadc.com Edge Code Feature • Live Preview • Quick Edit/ Inline Color Selector • Go to Definition • Code Hinting & Completion • Extension
  12. 12. www.thaiadc.com Edge Code Integration • Edge Web Font • Adobe Kuler • PhoneGap Build (early stage)
  13. 13. www.thaiadc.com Adobe Kuler
  14. 14. www.thaiadc.com PhoneGap Build
  15. 15. www.thaiadc.com Links • Adobe Kuler > https://kuler.adobe.com/ • PhoneGap Build > https://build.phonegap.com/
  16. 16. www.thaiadc.com Brackets
  17. 17. www.thaiadc.com Brackets • Based project for Edge Code CC • Open Source • Free
  18. 18. www.thaiadc.com Brackets Resource • Download > http://brackets.io/ • Extension > https://brackets- registry.aboutweb.com/
  19. 19. www.thaiadc.com Thank You Let Q&A Teerasej Jiraphatchandej User Group Manager, ThaiADC ! Search ‘teerasej’ or teerasej@gmail.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×