background preloader

HTML5

Facebook Twitter

J’en ai rien à coder 2011 - Chapitre 6 – Internet Explorer & Développement Web - Focus sur HTML5. HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. Initializr - Start your HTML5 project in 15 seconds! HTML5 Rocks - A resource for open web HTML5 developers. HTML5 Presentation. In March 1936, an unusual confluence of forces occurred in Santa Clara County. A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches. Instead, by the billions, they all burst open at once. Seemingly overnight, the ocean of green that was the Valley turned into a low, soft, dizzyingly perfumed cloud of pink and white.

Uncounted bees and yellow jackets, newly born, raced out of their hives and holes, overwhelmed by this impossible banquet. Then came the wind. It roared off the Pacific Ocean, through the nearly uninhabited passes of the Santa Cruz Mountains and then, flattening out, poured down into the great alluvial plains of the Valley. Deck.js » Modern HTML Presentations. 5 awesome HTML5 demos. You’ve probably seen a bunch of tutorials or articles about HTML5 on design blogs recently, but didn’t try to use it because most users will not be able to view it anyway. Now to motivate you, I compiled a few HTML5 demos that should make you want to start learning this new markup. Be aware that you may not be able to see some of the demos.

To know what elements of HTML5 your browser supports, take a look at this chart. 1. APIrocks HTML5 slideshow If you only have time to watch one of the demos suggested in this article, take a look at this great slideshow by APIrocks. 2. Ready to see some videos in your browser with no plugin or flash required? 3. This will probably not only blow a video in your browser, it will also blow your mind. 4. The screenshot that you see under this text is taken from the Tetris 3D created in javascript by Ben Joffe using the HTML5 canvas element. 5. Another HTML5 demo using canvas, it shows you some molecules in a rotation. And much more Getting started with HTML5. 20 Snippets You should be using from Html5 Boilerplate. I recently, as many web designers and developers will have, became aware of a fantastic resource put together by web developer, Paul Irish, and Divya Manian. Html5 Boilerplate, as they have named it, is a powerful starting off point for any website or web application.

As Paul Irish describes it; “It’s essentially a good starting template of html and css and a folder structure that works., but baked into it is years of best practices from front-end development professionals.” It is absolutely packed full of fantastic snippets of code that are still very much worth using even if you don’t want to start using html5 boilerplate as your base template. Html We will start off by checking out some of the html snippets used in the resource. Favicon and Apple icons The favicon is pretty much normality these day. the interesting bit here is the apple-touch-icon which is used if you save a bookmark to your home screen on an apple touch device such as an iPad or iPhone. Faster page load hack Css. Tous les objets de formulaire en HTML 5. Periodic Table of the Elements - Josh Duck.