Update June 2013: Google is winding down Chrome Frame, and plans to cease support and updates to it in January 2014. Please read the Chromium blog post for more information. For guidance on what you need to know as a developer, please read the developer FAQ for Chrome Frame. Introduction HTML5 adds a multitude of new awesome tools to the web developer toolbox, including the following: Rendering HTML5 in older browsers with Google Chrome Frame Rendering HTML5 in older browsers with Google Chrome Frame
HTML5 Demos Demos Google Hangouts Chat web component: <hangout-chat> Screensharing with getUserMedia() <gangnam-style> web component ShadowDOM Visualizer Animate a background using <canvas> as the source Create .webm from getUserMedia() Sticky Blog Titles Image Importer using Folder Drag & Drop "Holy Grail" of Application Layout Hooking up <audio> to the Web Audio API Live Photobooth Video subtitles HTML5 Filesystem Playground CSS Filter Effects Styled file inputs Transferable Objects MediaSource API Fullscreen API Saving named file downloads, client-side navigator.onLine Generating URIs to File Resources Background News [ install ] Book of the Day [ install ] Clock Presentations HTML5 Demos
HTML5 est une évolution de la norme HTML regroupant un ensemble de technologies : SVG, CSS3, WebGL, File API, MathML… Le but avoué de cette nouvelle version de HTML est de faciliter le développement d'interfaces utilisateur riches. HTML5 est beaucoup plus orienté applicatif que ses prédécesseurs et veut permettre de s'affranchir de plugins pour utiliser au maximum les technologies Web natives pour construire une application riche. HTML5 arrive donc avec beaucoup de nouvelles capacités disponibles depuis une API vaste et variée. Introduction à HTML5 Introduction à HTML5
What is prefetching, and why it is useful According to whatwg.org, rel=prefetch "indicates that preemptively fetching and caching the specified resource is likely to be beneficial, as it is highly likely that the user will require this resource." Search engines sometimes add <link rel=prefetch href="URL of top search result"> to the search results page if they feel that the top result is wildly more popular than any other. For example: using Firefox, search Google for CNN; view source; search for the keyword "prefetch". Mastering HTML5 Prefetching Mastering HTML5 Prefetching
HTML 5 Canvas Deep Dive
HTML5 is getting more popular among web designers because it is being supported by the most of the modern browsers like Firefox 6, Google Chrome, IE9 etc.. A framework is basically software application which assists developers to quickly design and develop dynamic websites. With the advent of HTML5 and CSS3, development becomes easy for everyone, A HTML5 framework provides many features such as beautiful typography, video players, form validation, design section and many more which enables users to easily develop web applications. Here at SkyTechGeek we conducted a search and got these useful frameworks which will assist our audience to design and develop beautiful cross browser dynamic websites. 1. 52 Framework : HTML5-CSS3 Framework 12 HTML5-CSS FrameWorks For Easy WebDevelopment 12 HTML5-CSS FrameWorks For Easy WebDevelopment
Download demo - 2.97 KB As web developers, sometimes we easily encounter one problem: Cross-Domain communication, conforming Same-Origin-Policy, JavaScript code cannot access code stay in different domain (or sub-domain) or protocol (HTTP/HTTPs) or port, so there was no direct (or I can say: simple) way to achieve Cross-Domain Communication. However, those kinds of requirements do happen: page A and page B are in different domains, B is "embedded" in A, i.e., there is an "iframe" in page A whose "src" is page B's URL, now page A wants to control page B and vice-versa. By limiting the solution to be done by 100% client JavaScript, beforehand HTML5, there are a number of tricky "hacks", such as: URL long polling: Container page A changes the iframe page B's URL hash, and B periodically checks the hash, once the hash changed, it takes action according to the contracted hash value. HTML5 WebMessaging Experiment HTML5 WebMessaging Experiment
Speakker - Un lecteur audio HTML5 avancé avec rétro-compatibilité Speakker - Un lecteur audio HTML5 avancé avec rétro-compatibilité Speakker est un lecteur audio complet utilisant la balise HTML5 audio avec rétro-compatibilité en Flash pour les navigateurs ne supportant pas la technologie. Créé par les concepteur du player video HTML5 projekktor, Speakker est sans doute l'un des lecteurs audio les plus aboutis basés sur la balise audio HTML5. Personnalisable à souhait, vous aurez le choix entre 2 principaux thèmes pré-conçus, ou un thème perso.