HTML5
3D
Modern HTML rendering engines and emerging standards make it possible to create a new class of rich experiences that could previously be achieved only with native development toolkits—but developers need better Web development frameworks and authoring tools in order to take advantage of the possibilities. Three new open-source software projects developed at Motorola Mobility hope to address the problem. We—Tim Statler, Zachary Cohen, and Kris Kowal—have had the pleasure of working on a new content creation tool called Ninja, a JavaScript development framework called Montage, and a testing automation tool called Screening. In this article, we will describe all three pieces of software, and we've included code examples to illustrate some of the functionality. But first—a high-level overview. The Ninja authoring tool is a Google Chrome app for designing keyframe-based animation with HTML5, including 3D scenes and vector graphics.
Ninja power: open-source HTML5 toolset aims to enable richer Web apps
L’infographie ultime sur le HTML 5
Le HTML 5 s’annonce depuis pas mal de temps comme l’une des technologies qui va permettre de multiplier encore plus les usages du Web. Si vous avez toujours voulu savoir en quoi consistait cette évolution sans jamais avoir osé le demander (bande de petits canaillous ! :-p), voici une très bonne infographie qui fait le point sur cette technologie en passe de changer nos habitudes en ligne : Si vous travaillez dans le Web, il va vraiment falloir s’y mettre ! Source et Image <p style="text-align:right;color:#A8A8A8"></p>
Write once, run every … Smartphone Ou comment développer 1 application en HTML5 compatible avec la majorité des Smartphones. L’engouement actuel pour les Smartphones a conduit de nombreuses entreprises à développer des applications spécifiques pour l’iPhone, Android, BlackBerry, Windows Phone, Symbian, …
Formation en soirée Objet Direct : HTML5 ! Le 25 juin à Toulouse | Objet Direct
CanvasRenderingContext2D.prototype.roundRect = function (x, y, width, height, radius, fill, stroke) { if ( typeof stroke == "undefined" ) {
Canvas Rounded Corner Rectangles
20 canvas HTML5 pour vous inspirer
Pour plus d'information sur Cr@zy WS , je vous invite à vous rendre dans la partie à propos où j'explique les grandes lignes de ce site consacré en grande partie à l'actualité Hack, Sécurité, High-Tech et Webdev. Newsletter et réseaux sociaux Pour suivre les dernières news du site, essayez les différents types d' abonnements disponibles et rejoignez-moi sur les réseaux sociaux. Cr@zy's Apps En dehors des scripts que je développe, il y a le sous-domaine Cr@zy's Apps qui est consacré aux applications externes que j'ai pu développer. Sécurité
HTML5 : structure globale du document
Pour débuter sereinement avec une nouvelle intégration HTML5 et comprendre ses implications, nous allons commencer par le début : la structure globale d'un document. La conception d'une page web en suivant la philosophie du standard HTML5 spécifié par le W3C (ou du standard vivant tel que désigné par le WhatWG) répond à quelques réflexes de base. La structure d'un document (l'imbrication des balises à la racine) est simplfiiée pour répondre aux attentes pragmatiques des intégrateurs et webdesigners.
L'élément <video> , cousin de <audio> offre en HTML5 une solution simple, native pour les navigateurs pour l'intégration d'une vidéo dans une page web. Elle permet également de proposer une alternative à l'utilisation de Flash pour les plate-formes ne le supportant pas (iOS par exemple avec iPhone, iPod, iPad...) Balise Syntaxe générale
HTML5 <vidéo>
video + canvas = magic
You’ve already learned about the <video> and <canvas> elements, but did you know that they were designed to be used together? In fact, the two elements are absolutely wondrous when you combine them! I’m going to show off a few super-simple demos using these two elements, which I hope will prompt cool future projects from you fellow web authors. (All of these demos work in every modern browser except Internet Explorer.)
This page demonstrates the new HTML5 video element , its media API , and the media events . Play, pause, and seek in the entire video, change the volume, mute, change the playback rate (including going into negative values). See the effect on the video and on the underlying events and properties. Some events may be fired despite the lack of effect on the video itself, in particular while trying to change the playback rate; Not all conditions are necessarily there to generate every single possible event, such as stalled or emptied ; The rendered page may not be updated while the video is playing. Thus you may see plenty of timeupdate events counted after the video is paused/stopped; Remember, HTML5 Video is still work in progress, so anything on this page may be deprecated tomorrow and no longer part of HTML5;
HTML5 Video
HTML5 : L'élément <datalist>
Avec l'annonce d'HTML5, de grandes nouveautés accompagnent les formulaires. Ils peuvent enfin s'enrichir afin de s'adapter au plus près des nouveaux besoins. Ainsi l'élément <datalist> fait son entrée. Des suggestions de choix Inauguré avec la vague HTML5, <datalist> est un élément de formulaire permettant de lier une liste de choix à un élément input .Parmi les nouveautés de HTML5 faisant écho à des applications existantes sur le web, les éléments <details> et <summary> ont le rôle de baliser un complément d'information. Un résumé et des détails Élément <details> Cet élément permet de baliser un contenu quelconque (texte, image, listes, tableaux, formulaires, etc) ayant pour rôle d'apporter une information ou des détails supplémentaires. Ceux-ci ne doivent cependant pas être obligatoires pour poursuivre la bonne marche de l'application web ou la compréhension du document HTML.