HTML5 development in 30 minutes
Upcoming SlideShare
Loading in...5
×
 

HTML5 development in 30 minutes

on

  • 1,670 views

 

Statistics

Views

Total Views
1,670
Views on SlideShare
1,669
Embed Views
1

Actions

Likes
1
Downloads
64
Comments
0

1 Embed 1

http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

HTML5 development in 30 minutes HTML5 development in 30 minutes Presentation Transcript

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