getting started adobe edge code cc & brackets

www.thaiadc.com

Adobe Edge Code CCTeerasej 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

Youtube.com/user/teerasej!

gplus.to/teerasej

teerasej@gmail.com

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, Javascript

• Free for Adobe Creative Cloud (Both free & subscription)

www.thaiadc.com

Edge Code Feature

• Live Preview

• Quick Edit/ Inline Color Selector

• Go to Definition

• Code Hinting & Completion

• Extension

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&ATeerasej Jiraphatchandej User Group Manager, ThaiADC !Search ‘teerasej’ or teerasej@gmail.com