www.thaiadc.com
Adobe Edge Code CC
Teerasej Jiraphatchandej
User Group Manager, ThaiADC
!
!
ThaiADC Visual Meeting 3/2014
www.thaiadc.com
‘Pon’ Teerasej Jiraphatchandej
User Group Manager, ThaiADC
!
Facebook.com/teerasej

Twitter.com/teerasej
Y...
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
• Light-weight and Fast
• Based on open source project: Brackets
• Build on HTML, CSS, ...
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
×

Getting Started Adobe Edge Code CC & Brackets

270

Published on

Speaker: Teerasej Jiraphatchandej, User Group Manager, Thai Adobe Developer Community


Join our webinar to understand what is the latest web editor from Adobe: Edge Code CC.

It's light. It's fast. It included with tons of web editing feature like Live Preview, Code Hinting & Completion, Edge Web Font, PhoneGap Build, and Code Extension

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

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

No notes for slide

Getting Started Adobe Edge Code CC & Brackets

  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 ‘Pon’ Teerasej Jiraphatchandej 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 • Light-weight and Fast • Based on open source project: Brackets • Build on HTML, CSS, Javascript • Free for Adobe Creative Cloud (Both 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.

×