background preloader

HTML5

Facebook Twitter

Gridpak - The Responsive grid generator. HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. Modernizr. A Conditional Loader For Your Polyfills! HTML5 Cross Browser Polyfills - GitHub. The No-Nonsense Guide to HTML5 Fallbacks So here we're collecting all the shims, fallbacks, and polyfills in order to implant HTML5 functionality in browsers that don't natively support them.

HTML5 Cross Browser Polyfills - GitHub

The general idea is that: We, as developers, should be able to develop with the HTML5 APIs, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. Looking to conditionally load these scripts (client-side), based on feature detects? See Modernizr.Looking for a guide to write your own polyfills? Svgweb by Brad Neuberg & others Fallback via FlashSnap.SVG from scratch by the author of Raphaël (Dmitry Baranovskiy) Abstracted API. FakeSmile by David Leunen Canvas Web Storage (LocalStorage and SessionStorage) Non HTML5 API Solutions Sectioning Elements Video VTT: Video Timed Track (subtitles) Audio Audio Data API IndexedDB Web SQL Database Web Forms Beacon.

Balupton/history.js - GitHub. Intelligent State Handling - GitHub. Ajaxify a Website with the HTML5 History API using History.js, jQuery and ScrollTo. A Simple AJAX Driven Website with jQuery + PHP. Introduction AJAX is abbrieviated from Asynchrounous javascript and XML.

A Simple AJAX Driven Website with jQuery + PHP

It's not a new technology, but the implementation of a group of technologies to achieve a seamless interaction between client and server. Typically, xhtml and css to present the information, javascript is used to handle user interactions, and a server side language to perform the users' requests (and normally return data in XML format, in this tutorial, we won't do that), and it all is happening in the background using the Javascript XMLHttpRequest.

Javascript plays a main role tie all these technologies together and create the asynchronous interaction between client ans server. AHAH (Asynchrounous HTML and HTTP) is a subset of AJAX which is another technique, Inspite of retreiving XML, AHAH is retreiving HTML content. The Good, Bad and Solutions The Goodies: Reduce connections and bandwidth to the server, images, scripts, stylesheets only need to be downloaded onceReduce loading timew. The Badies: Browser Back button.

Mobile

Navigation ajax, history.js. 5 précieux outils pour faire du HTML5 quand le monde est contre vous. Les standards ont par nature toujours une longueur d’avance sur leur implémentation dans les navigateurs.

5 précieux outils pour faire du HTML5 quand le monde est contre vous

Face à l’engouement du publique et à la (rude) concurrence entre les navigateurs, les choses sont allées un poil plus vite pour HTML5 mais aujourd’hui encore, bon nombre de ses fonctionnalités ne sont pas supportés (au sein toujours, des navigateurs). C’est triste mais inéluctable. De nombreuses solutions ont été apportées à ce problème, toute ayant pour dénominateur commun de s’appuyer sur le Javascript. C’est en effet bien souvent grâce à ce langage qu’il est possible de combler cette absence de support. Avant d’énumérer ces solutions, je vous propose de faire une parenthèse sur un outil déjà très populaire parmi les développeurs HTML5, j’ai nommé, Modernizr. Modernizr, ou la meilleurs façon de savoir qui fait quoi L’outil est très populaire et c’est même un euphémisme de dire que Modernizr est indispensable.

Voyagez dans le temps avec History.js.

Video