background preloader

HTML5

Facebook Twitter

Can I use... Support tables for HTML5, CSS3, etc.

AMP - Accelerated Mobile Pages

WebGL. WebRTC. AppCache. Web Workers. KidoZen Announces HTML5 App Designer Platform/ | App Developer Magazine. Posted 5/28/2014 9:02:16 AM by RICHARD HARRIS KidoZen has announced the release of its HTML5 App Designer, a visual drag-and-drop tool to build prototype and production-ready, cross-platform HTML5 applications. The HTML5 App Designer is a new feature enhancement to the KidoZen enterprise mobile platform. HTML5 App Designer offers jQuery support with the ability to choose from over 30 jQuery Mobile powered components that create production-ready apps when dropped into the screen.

The visual design tools allow business owners to build mobile app prototypes and share them with designers and developers for development. KidoZen is an enterprise mobile platform as a service solution that offers an open and scalable platform to build, provision and manage enterprise mobile applications. KidoZen allows developers to add difficult backend capabilities to enterprise mobile applications in a very simple manner using the development platforms of their preference. CSS3.

Templates & Boilerplates

Specs. HTML5 Doctor, helping you implement HTML5 today. The design of datalist. One of the many form enhancements provided by HTML5 is the datalist element. It allows you to turn a regular input field into a combo-box. Using the list attribute on an input, you can connect it to a datalist with the corresponding ID. The datalist itself contains a series of option elements. I can imagine a number of use cases for this: “Share this” forms, like the one on Last.fm, that allow you to either select from your contacts on the site, or enter email addresses, separated by commas. You can take something like this: <label for="source">How did you hear about us? And replace it with this: <label for="source">How did you hear about us? The datalist element has been designed according to one of the design principles driving HTML5—Degrade Gracefully: On the World Wide Web, authors are often reluctant to use new language features that cause problems in older user agents, or that do not provide some sort of graceful fallback.

<datalist id="sources"> Your browser doesn't support datalist! HTML5 : un fork qui remet en cause le standard ? - Journal du Net Développeurs. En parallèle du W3C, les éditeurs de navigateurs Web ont décidé, via le groupement indépendant WHATWG à l'origine de HTML5, de poursuivre leurs travaux. Coup de tonnerre sur le terrain des standards Web. Le WHATWG (pour Web Hypertext Application Technology Working Group) a décidé de poursuivre ses travaux autour du HTML5, et ce indépendamment du processus de standardisation en cours au sein du W3C. Le groupement fédère presque tous les grands éditeurs de navigateur, dont Google, Apple, Mozilla et Opera Software. Pourtant invité à rejoindre cette initiative, Microsoft n'est pas membre du WHATWG à ce jour. Pour mémoire, c'est à l'initiative de WHATWG que la spécification HTML5 avait été soumise au W3C en 2007. Depuis, les deux organisations travaillaient main dans la main. Des objectifs désormais divergents HTML : quel risque pour le standard ?

Cette nouvelle pourrait se révéler de très mauvais augure pour les développeurs Web toujours en quête de standards. Porting “Me & My Shadow” to the Web – C++ to JavaScript/Canvas via Emscripten. Editors note: This is a guest post by Alon Zakai of the Mozilla Emscripten team. Thanks Alon! Me & My Shadow is an open source 2D game, with clever gameplay in which you control not one character but two. I happened to hear about it recently when they released a 0.3 version: Since I’m looking for games to port to the web, I figured this was a good candidate. You can also get the source on GitHub.

The port was done automatically by compiling the original code to JavaScript using Emscripten, an open-source C++ to JavaScript compiler that uses LLVM. The compiled game works almost exactly like the desktop version does on the machines and browsers I’ve tested on. For example, if the C++ code has then that means to blit the entire bitmap represented by sprite into the screen, at a specific position. Which draws the sprite, contained in src.canvas, into the context representing the screen, at the correct position and size. There are some caveats though. HTML5 | Mozilla Developer Network. HTML5 is the latest evolution of the standard that defines HTML.

The term represents two different concepts. It is a new version of the language HTML, with new elements, attributes, and behaviors, and a larger set of technologies that allows the building of more diverse and powerful Web sites and applications. This set is sometimes called HTML5 & friends and often shortened to just HTML5. Designed to be usable by all Open Web developers, this reference page links to numerous resources about HTML5 technologies, classified into several groups based on their function. Semantics: allowing you to describe more precisely what your content is. Semantics Sections and outlines in HTML5 A look at the new outlining and sectioning elements in HTML5: <section>, <article>, <nav>, <header>, <footer> and <aside>.

Using HTML5 audio and video The <audio> and <video> elements embed and allow the manipulation of new multimedia content. Forms improvements New semantic elements Improvement in <iframe> MathML WebRTC.

MicroData

High-Tech : «Flash se démarquera toujours du HTML5» INTERVIEW - En novembre, Adobe a annoncé l'abandon du développement du lecteur Flash pour les navigateurs mobiles. Ses efforts portent maintenant sur les applications et les PC, notamment pour les animations en 3D. Le revirement a surpris. Après trois ans de haute lutte médiatique avec Apple, qui a toujours refusé d'inclure Flash dans le navigateur Internet de l'iPhone et de l'iPad, Adobe a annoncé début novembre l'abandon du développement de son lecteur pour le mobile et les tablettes. Dorénavant, l'entreprise américaine - également connue pour ses logiciels Photoshop, InDesign et Premiere - souhaite se concentrer sur les applications et sur le PC. Explications de Michael Chaize, chargé de promouvoir la plate-forme Flash chez Adobe France. LE FIGARO. - Pourquoi avoir abandonné le lecteur Flash sur le mobile? Michael Chaize. - Une version de Flash était disponible pour le navigateur d'Android ou la tablette PlayBook de RIM.

Sur le PC, Flash n'est-il pas aussi amené à disparaître? Google Swiffy traduit les applications Flash en HTML5. Google est une des principales régies publicitaires en ligne. Le géant du web propose à ses clients, au travers de son offre DoubleClick, un ensemble d'outils pour créer des contenus dynamiques au format Flash. Problème : le format Flash n'est pas supporté sur les iPhone et les iPad et ne le sera bientôt plus sur aucun terminal mobile (lire notre article : Adobe renonce à Flash sur les mobiles).

Google a donc mis au point un convertisseur Flash vers HTML5, baptisé Swiffy. « L'objectif principal de Swiffy est de vous permettre de continuer à utiliser Flash pour créer des animations web, même lorsque vous visez des environnements d'exécution qui ne supportent pas ce format » explique Esteban de la Canal, ingénieur chez Google, sur son blog. Swiffy est disponible en deux formats : un convertisseur en ligne pour les fichiers .swf d'une taille maximum de 1 Mo et une extension pour l'outil Flash Professional CS4 d'Adobe. Il fonctionne sur Mac OS X et Windows. MapsGL - Centre d'aide Maps. Cet article concerne la version classique de Google Maps.

Si vous avez opté pour la nouvelle version de Google Maps, consultez cet article. Même si Google Maps peut fonctionner dans d'autres navigateurs, nous vous recommandons d'utiliser la version la plus récente de l'un des navigateurs suivants : Internet Explorer (pour Windows) Télécharger Firefox (pour Windows, Mac et Linux) Télécharger Safari (pour Mac et Windows) Télécharger Google Chrome (pour Windows et Mac) Télécharger Avertissement : Les utilisateurs de Windows 8 peuvent rencontrer des problèmes lors de l'utilisation de Street View avec Internet Explorer ou Firefox dans la nouvelle interface utilisateur de Windows.

HTML5 - Petite histoire et promesses d'une évolution majeure du Web (volet 1) VOLET 1 - Evolution ou révolution ? HTML5, la future version du langage de création des pages Web, attise autant la curiosité, l’envie, que la méfiance. Il est le successeur de HTML4, normalisé par l’organisme de définition des standards World Wide Web Consortium (W3C) en 1997. Le Web est donc resté 13 ans sans évolution de son standard fondateur, une éternité durant laquelle les sites ont évolué, parfois de manière non standard. Le consortium n’est pourtant pas resté les bras croisés, comme l’explique Daniel Glazman, cochairman du groupe de travail sur le langage CSS au W3C. 1997 - 2010 : 13 ans de travail sur XHTML2 et HTML5 « Pendant toutes ces années, le W3C s’est d'abord focalisé sur XHTML 1.0 (la XML-isation de HTML 4), XHTML 1.1 (la même chose modularisée et qui n'intéresse quasiment personne) et surtout XHTML 2 en 2001 » retrace-t-il.

XHTML 2 « tentait d'occuper le même espace et était supposé être plus propre que le modèle HTML d'origine ». Le HTML laissé sur le bord de la route. Load Non-blocking JavaScript with HTML5 Async and Defer. Loading JavaScript is one of the biggest performance bottlenecks. Under normal circumstances, a script tag causes the browser to halt rendering, load a file, and run the code. The browser is blocked from doing other useful work because your JavaScript could write to the page, modify existing elements, or redirect to another URL.For this reason, it’s good practice to place script tags at the bottom of the HTML, just before </body>.

The browser may be unresponsive for a second or two, but it’s not noticeable because the main content has loaded.However, even that solution is inadequate for today’s multi-megabyte client-side applications. In extreme cases, it’s necessary to load large code libraries using script tag injections or Ajax techniques. This prevents blocking, but requires additional code and rigorous testing to ensure that scripts run in the correct order in all browsers.

The defer Attribute The defer attribute makes a solemn promise to the browser. The async Attribute.

Forms