Projets HTML5

Quoi de neuf ?

31jan.2013

Microdata et référencement

HTML5 permet de donner un sens sémantique utilisé par les moteurs de recherche avec les microdata (différent de microformats)

les (nombreux) canevas existants sont référencés sur schema.org.

une exemple parlant donné par Geoffrey Crofte sur html5-css3.fr avec une recette de cuisine, qui s'affiche alors dans les résultats Google avec titre, photo, temps de cuisson, nombre de commentaires, note, description...

6nov.2012

editeur html5

Je me demandais si un tel éditeur aurait sa place dans Yacs si jamais la licence est compatible.

8oct.2012

les mobiles

Les mobiles affichent plutot bien le HTML5, donc je trouve qu'il faudrait les inclures dans la réflexion à ce sujet.

Aujourd'hui la solution IUI ne me plait pas trop, parce que on ne peut pas (facilement) personnaliser l'interface par rapport à son thème en écran large. Et de plus avec les tablettes à mi-chemin ça complique.

Je préfère les thèmes qui s'adaptent aux différents média plutot que de développer un thème pour chaque type de média.

Je vois des pistes qui peuvent se combiner :

  • les média queries CSS3 qui marchent bien sur mobile, pour changer de style suivant la largeur d'écran ou meme l'orientation paysage/portrait. Par exemple pour faire passer dessous une colonne normalement de côté, réduire la taille du header, etc. bref le positionnement général.
  • la detection de mobile dans le PHP pour adapter le contenu généré. Ce ne serait pas pour débrayer vers un autre thème (sauf si on le veut vraiment). Tout simplement cela pourrait déclencher l'utilisation de jquerymobile. Cette librairie peut transformer l'affichage un thème, à condition que sur l'html utilise une convention de tag. C'est puissant pour transformer les boutons et autres selecteurs ou champs de saisie.
8oct.2012

Une solution d'implémentation

Pour les sites HTML5 j'utilise l'ensemble HTML5boilerplate, qui comprend essentiellement :

  • une page HTML5 de base avec un ensemble de "bonnes pratiques"
  • une feuille de style
  • quelques bibliothèques javascripts

La prise en charge des anciens navigateurs est assuré.

Pour le CSS3 et les anciens IE, j'utilise CSS3Pie en version javascript. C'est assez puissant pour prendre en charge les coins arrondis et les dégradés.

Spécifiquement à yacs, j'ai des instructions dans le skin.php du thème qui surcharge le skin_skeleton pour

  • utiliser > comme fin de balise au lieu de />
  • ajouter des <figure> pour encapsuler les images et <figcaption> pour les légendes
7oct.2012

Bienvenue dans "HTML5"