HTML Purifier - Filter your HTML the standards-compliant way! La vie des intégrateurs, chapitre III : puis vint Html5. Depuis plusieurs mois on ne lit plus que ça dans les nombreux blogs qui parlent d’intégration, de développement ou de webdesign. C’est venu timidement et puis la sortie des nouvelles versions des navigateurs a accéléré le processus, du coup les mêmes démonstrations se répètent inlassablement sans que concrètement on puisse dans un cadre professionnel utiliser pleinement toutes ces nouveautés. On peut maintenant faire des sites en HTML5 et CSS3 ! Ok mais seulement pour les dernières versions des navigateurs qui tous regroupés représentent à peu près 50% des utilisateurs. Difficile de vendre le truc à son patron ou à ses clients en expliquant que la moitié aura une version dégradée du site, même « gracieusement dégradée » (gracefully dégradation).
D’abord pourquoi passer à HTML5 alors que pendant des années on a seriné à tous ceux qui voulaient l’entendre que XHTML, c’est l’avenir, il y a rien de mieux et que franchement HTML c’est has-been (ok je caricature, mais à peine). "Mobifying" Your HTML5 Site. Introduction Developing for the mobile web is a hot topic these days. This year, for the first time ever, smart phones out sold PCs. More and more users are using a mobile device to traverse the web, which means it's becoming critical for developers to optimize their sites for the mobile browsers.
The "mobile" battlefield is still uncharted waters for a large number of developers. Creating a mobile-friendly html5rocks.com As an exercise I thought it would be interesting to take html5rocks (an existing HTML5 site) and augment it with a mobile-friendly version. This article examines how we created a mobile version of html5rocks optimized for Android and iOS devices. HTML4 and CSS2 have supported media-dependent style sheets for some time. Would target print devices and provide specific styling for the page content when it is printed. You can use media queries in the media attribute of your external stylesheets to target screen width, device width, orientation, etc. <head> . . . - url: /(.*\. Initializr - Start your HTML5 project in 15 seconds! Gestion des images en HTML. Mars 2014 Comment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement assez long et peuvent dans certains cas nuire à la lisibilité.
La balise IMG du langage HTML permet d'insérer des images dans une page HTML. L'image peut être située sur le même serveur que la page dans laquelle elle est insérée mais également sur un autre serveur en spécifiant son URL complète. Seuls les formats d'images suivants sont acceptés en standard dans les spécifications du W3C : Les principaux attributs de la balise IMG sont les suivants : SRC: Indique l'emplacement de l'image (il est obligatoire) ALIGN: Spécifie l'alignement de l'image par rapport au texte adjacent. Ainsi pour insérer une image, il faudra saisir une balise du type suivant : Texte enveloppant une image Il existe en fait plusieurs façons, nous allons en voir deux : Html5shiv - Project Hosting on Google Code. Flash vs HTML5, quel avenir ? La semaine dernière, nous vous expliquions comment le HTML5 allait apporter un véritable lifting dans la programmation et l’utilisation du web.
Dans la suite logique, nous n’avons pas résisté à l’envie de vous faire la synthèse d’un débat qui a fait couler beaucoup d’ancre, ou plutôt « frémir plus d’un clavier » : le HTML5 va-t-il remplacer le Flash ? Préambule : le débat Flash contre HTML est-il vraiment fondé ? Suite au nombreux postes prédisant la mort d’une des deux technologies au profit de l’autre, de nombreux bloggueurs se sont exprimés en qualifiant le débat de « stérile et infondé ». Paradoxalement c’est suite à ce genre d’article qu’on trouve le plus grand nombre de commentaires controversés ! Alors ce débat est-il fondé ? Oui. Cependant, HTML5 intègre maintenant bon nombre de ces fonctionnalités nativement, librement et de façon souvent optimale (quand on développe une activité « couteau suisse » on ne peut forcément pas être bon partout). Vidéo : Flash ou HTML5 ? Verdict ? SwitchToHTML5 - The HTML5 Framework Generator. HTML5 Audio and Video: What you Must Know. Forward Thinking Form Validation.
Form validation has been a finicky business since the web was born. First came the server-side validation error summary. Then we evolved to client-side validation to verify results inline. Now, we have the marching giant that is HTML5 and CSS3: HTML5’s forms chapter offers new input types and attributes that make validation constraints possible. CSS3’s basic UI module provides several pseudo-classes to help us style those validation states and change a field’s appearance based on the user’s actions. Issue № 314 The more we can guide a user on how to complete a form field in real-time, the less likely they are to make mistakes. CSS3 UI pseudo-classes#section1 The UI module has several pseudo-classes that help to style form fields in various states. valid invalid required optional in-range out-of-range read-only read-write In the demo above, I use the required, invalid, and valid pseudo-classes to accomplish the CSS validation: All the pseudo-classes listed above are self explanatory.
Livre HTML5 pour les web designers - J. Keith.