Apprendre HTML5, CSS3 pour créer un site web. À travers de nombreux exemples pratiques et cas concrets, Alsacréations vous propose de découvrir toutes les possibilités offertes par la conception web aux normes, HTML, XHTML, HTML5, les feuilles de style CSS et CSS3, le Web mobile, l'accessibilité, PHP, JavaScript, jQuery, etc. Tutoriel : Guide pas à pas Article : Document d'analyse ou de référence Astuce : Court stratagème toujours utile Cette page présente une sélection de nos ressources. Vous pouvez aussi consulter la liste complète des tutoriels et articles ou des astuces. Pensez à utiliser le moteur de recherche. Comprendre le positionnement en CSS Consolidez et élargissez vos connaissances des différents schémas de positionnement CSS actuellement utilisés ou avant-gardistes (flux, positionnement absolu, fixé, relatif, flottement, inline-block, modèle tabulaire). Découvrez nos formations web, leurs programmes, les dates des sessions et les tarifs sur le site formations.alsacreations.fr.
Fabio Biondi blog » From Flash to Javascript to Html5 Canvas and Easel JS. How to create HTML animations and interactive experiences on desktop and mobile browsers After the bad news about Adobe Flash of november 2011, as Flash/Flex developer I thought a lot about the (my) future. Here in Italy nobody is asking me anymore Flash applications and although Adobe AIR is now a really good solution to develop native mobile applications often you can not please the customer because they don’t really need an App but they just want a better web experience on mobile devices. In fact a lot of my customers/partners is asking me: “I have an idea! But it must work on web browser, IPad and, if you can, on Android devices too”. Usually they are fashion companies, furnishing, manufactures and so on.
So, in recent months I have tried to find the best solution to meet this demand studying and testing a lot of HTML/JS technologies. The first idea: propose mobile Web-Apps Sencha Touch test: JQuery Mobile test: Greensock TweenMax JS test: Adobe Edge and Html 5 Canvas Or use drawing api: HTML5 tools, Animation tools - Adobe Edge Preview | Adobe Labs. Initializr - Start your HTML5 project in 15 seconds! Introduction à la balise video de HTML5. 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 La syntaxe de base de la balise video est extrêmement simple : <video controls src="video.ogv">Ici la description alternative</video> L'attribut src définit bien entendu l'adresse du fichier vidéo, tout comme pour la balise img lorsqu'il s'agit d'une image.
Sources multiples On peut également proposer plusieurs sources dans plusieurs formats différents en indiquant les types MIME grâce à l'attribut type : <video width="400" height="222" controls="controls"><source src="video.mp4" type="video/mp4" /><source src="video.webm" type="video/webm" /><source src="video.ogv" type="video/ogg" /> Ici l'alternative à la vidéo : un lien de téléchargement, un message, etc. Liste des balises HTML5 - Aide mémoire et liens vers le W3C.