Vous vous souvenez certainement des scripts JS qui permettent de hacker le clic-droit afin de proposer un menu contextuel personnalisé ? Sachez qu’il est possible depuis peu de le faire grâce à du HTML et un bout de JS. HTML5 étend les capacités de l’élément menu grâce à un nouvel attribut.
11
Microdata reste très méconnu malgré ses quelques années d’existence maintenant. J’en avais déjà parlé il y a de cela 3 ans sur différents blogs spécialisés. Depuis, les choses n’ont pas beaucoup changé : il reste très rare de voir du microformat, notamment microdata en place sur un site web.
2
Cette fois je vous propose exceptionnellement quelques ressources Swift, tout en faisant la part belle aux ressources habituelles en design, CSS et Inspiration. Une petite ressource en photographie et trois autres en « relax » viennent agrémenter la sélection de cette édition.
HTML5 étant encore en brouillon, certains de ses éléments sont parfois revus dans leur définition. En substance ou sur un détail il est important de savoir de quoi l’on parle avant d’utiliser tel ou tel élément. L’idée première est de ne pas utiliser cet élément pour ses styles ou à la place d’un autre, tout en bénéficiant de sa sémantique.
4
L’élément progress en HTML5 permet de visualiser l’avancement d’une tâche. C’est un élément encore assez méconnu mais qui peut être pratique dans quelques cas où vous avez besoin de permettre à l’utilisateur de visualiser une évolution ou un stade précis dans un processus. Voyons comment l’intégrer et styler cet élément.
La problématique se pose depuis maintenant quelques temps concernant l’affichage d’image optimisée pour nos différents terminaux : qu’ils proposent une dimension d’écran plus petite ou une densité de pixels plus grande (HD). Cette problématique est en cours de travaux, et Webkit vient d’annoncer le support d’une des solutions envisagées.
8
Les microdatas apportés par HTML5 sont un nouveau pan des microformats que vous connaissez certainement déjà à travers les schémas réunis sur le site microformats.org. Les microdatas apportent leur lot de nouveautés au niveau des attributs, mais également au niveau des schémas et de leur prise en charge.
435
Si vous suivez le compte @NoupeMag sur Twitter (ça marche aussi pour mon compte), vous avez certainement vu passer mon slideshow en CSS3 datant de l’an dernier.
Ce n’était pas ma première tentative de slideshow comme le présentent ces premier et second travaux datant de mai 2010.
38
Je vous parlais d’une solution pour forcer le téléchargement grâce à un morceau de code dans votre fichier .htaccess dans l’article précédent, alors que je venais juste de découvrir cet attribut HTML5 permettant de faire la même chose en mieux. Pour le moment seul Chrome supporte cet attribut.
7
HTML5 nous apporte l’attribut translate. Cet attribut permet de limiter l’impact d’une traduction par des outils tels que Google Translate en interdisant la traduction de certains contenus.
Ainsi le contenu de votre site web est composé avec davantage de précision. Voyons comment agir et sur quoi appliquer cet attribut.
7
HTML5 apporte son lot de nouveautés également dans nos bons vieux formulaires. Proposant historiquement un nombre assez limité de types de champs (text, password, file, radio, checkbox, submit, image, hidden, reset,button) et d’éléments de contrôle (<textarea>, <select>, <option> et <optgroup>, <button>), HTML5 vient bousculer nos habitudes en proposant de nouveaux types notamment.
14
WordPress propose dans ses outils de mise en page une manière d’afficher vos légendes directement sous votre image. Une bonne solution pour afficher un court descriptif de votre photographie.
Dans le cadre d’un document en HTML5 (doctype par défaut de WordPress depuis quelques versions maintenant) il peut être intéressant
5
Un nouvel ouvrage rentre dans les livres de référence, dans les bibles, il s’agit du bouquin édité chez Eyrolles de l’auteur Rodolphe Rimelé intitulé « HTML5 : une référence pour le développeur web ».
La multitude de mots-clefs qui figure sous le sous-titre n’a rien de décoratif et en dit long sur le contenu de plus de 600 pages !
3
Cela remonte maintenant à plus d’un an et demi, un de mes premiers tutoriels paraissait dans le magazine Web Design HS n°5 dont le thème était similaire à celui-ci.
C’est probablement pour cela que ce Hors Série est considéré comme le Tome 2, abordant les thèmes du HTML, CSS et
Avec tout le bruit que ça a fait dernièrement, vous n’êtes certainement pas sans savoir que le W3C s’est payé le luxe d’un logo pour promouvoir HTML5 (et bien plus encore) :p
A la base je ne souhaitais pas écrire d’article sur ce sujet, Alsacréations, et d’autres s’en sont occupés avec
5
L’élément <abbr> n’est pas nouveau en HTML5. Cet élément n’a pas non plus été redéfini. Les spécifications HTML5 ont cependant retiré l’élément <acronym>, élément plutôt très utilisé dans les pages web en HTML4. De manière assez simple
3
Depuis l’apparition des mobiles et la domination sur le monde de l’iPhone (non non c’est pas vrai, ne paniquez pas !), des alternatives à flash sont recherchées pour offrir au visiteur d’un site Web une expérience aussi intéressante, ou presque, que sur un site full flash.
