View stunning SlideShares in full-screen with the new iOS app!Introducing SlideShare for AndroidExplore all your favorite topics in the SlideShare appGet the SlideShare app to Save for Later — even offline
View stunning SlideShares in full-screen with the new Android app!View stunning SlideShares in full-screen with the new iOS app!
How to start learning HTML5
(easy and fast)
By Bhathiya perera
Can I see some code please ?
<title>Title of the document</title>
Content of the document......
This is here to say that its HTML5
Things you should know.
You should understand what these do, or you will be in trouble. Once you understand what these
are used for you can start using a prebuilt template (like html5-boilerplate).
HTML5Shiv and HTML5Shim
HTML5Shiv == HTML5Shim, It’s the same thing.
The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and
provides basic HTML5 styling for Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x.
URL : https://code.google.com/p/html5shiv/
The goal of this script is to provide a fast and lightweight (3kb minified / 1kb gzipped) script to
enable responsive web designs (http://alistapart.com/article/responsive-web-design) in browsers
that don't support CSS3 Media Queries - in particular, Internet Explorer 8 and under.
URL : https://github.com/scottjehl/Respond
It is a way to stop using browser specific code.
URL : http://modernizr.com/
Modernizer ships with HTML5Shiv. So you don’t need to include both. But you still need Respond.js
Can I start coding now ?
Not yet, It’s better to get a complete template first.
Head on to http://html5boilerplate.com/ or to http://www.initializr.com/ these websites give
you a prebuild or custom-build templates for your new HTML5 project.
What’s Included here
HTML5Shiv/HTML5Shim or Modernizer
And some other cool stuff (Apple touch icons).
http://www.html5rocks.com/en/ - A cool project by Google.
http://msdn.microsoft.com – search for ‘html5’
http://www.awwwards.com/ (Not a tutorial site but really cool)
Front-end Frameworks (Responsive
http://getbootstrap.com/ - Twitter Bootstrap, http://bootswatch.com/ - Themes
http://foundation.zurb.com/ - Foundation
http://firezenk.github.io/zimit/ - Zimit Framework
http://purecss.io/ - Pure (This one is really small !)
http://ink.sapo.pt/ - INK
http://www.angularjs.org/ - AngularJS (by Google)
http://canjs.com/ - CanJS
http://backbonejs.org/ - Backbone.js
http://emberjs.com/ - Ember.js
http://todomvc.com/ - This website will help you select a suitable framework.
This is not HTML5 or CSS3 but will come in handy when you want to build a HTML5 web