Your SlideShare is downloading. ×
0
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
HTML5 development in 30 minutes
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

HTML5 development in 30 minutes

1,369

Published on

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

No Downloads
Views
Total Views
1,369
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
66
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. HTML5Development in 30 minutesNazrul KamaruddinSeptember 9, 2011#mobiledevday
  • 2. Community OrganizerGoogle Technology User GroupCommunity ManagerCodeAndroid MalaysiaSenior Manager, Technology & ProductNSTP e-MediaFormer Developer EvangelistChalkboard Pte. Ltd....and history...
  • 3. Agenda• A sprint into HTML5 development• Code examples• References
  • 4. HTML + CSS + JS
  • 5. Android Browser 69%Opera Mobile 72%iOS Safari 65%IE 9 54%Chrome 90%Browser Support for HTML5
  • 6. HTML
  • 7. • !doctype• <header>• <nav>• <section>• <article>• <aside>• <footer>• Forms
  • 8. HTML5 Boilerplate http://www.html5boilerplate.com "HTML5 Boilerplate is the professional badasss base HTML/CSS/JS template for afast, robust and future-proof site."
  • 9. CSS
  • 10. • CSS Selectors• CSS Rounded corners• CSS Opacity• CSS Shadows• CSS Transitions• CSS Gradients• Webfonts
  • 11. JS
  • 12. • Modernizr• Geolocation• Mobile Bookmark Bubble• Application Cache
  • 13. Dive Into HTML5 by Mark Pilgrimhttp://www.diveintohtml5.org
  • 14. What’s next?
  • 15. • PhoneGap http://www.phonegap.com• AppCelerator http://appcelerator.com• Sencha Touch http://sencha.com• JQTouch http://jqtouch.com• jQuery Mobile http://jquerymobile.com
  • 16. • HTML5 Rocks http://www.html5rocks.com• HTML5 Doctor http://www.html5doctor.com• HTML5 Wow! http://www.htmlfivewow.com• HTML5 slides from Boris Smus http://smustalks.appspot.com• Google Code Blog http://googlecode.blogspot.com
  • 17. Google DevFest 29th September 2011 UCTI-APIIT @ Technology Park Malaysia, Kuala Lumpurhttp://code.google.com/events/devfests/2011/
  • 18. Download sample codeshttp://mobiledevday.appspot.com
  • 19. TQ :)

×