Maintenant que les vieux Internet Explorer (<10) ont quasiment disparu de la surface du globe, on peut utiliser les placeholders sans la moindre ligne de JS. Et pour styler ça, rien de tel qu’une mixin SCSS.
Une mixin pour de bien jolis placeholders

Maintenant que les vieux Internet Explorer (<10) ont quasiment disparu de la surface du globe, on peut utiliser les placeholders sans la moindre ligne de JS. Et pour styler ça, rien de tel qu’une mixin SCSS.
Le code typographique français nous demande d’insérer une espace fine insécable devant les signes de ponctuation double (c’est en réalité plus compliqué que ça, mais on va simplifier). Nous voyons souvent sur le web un point d’exclamation collé au mot qui le précède, ou pire: un retour à la ligne juste avant à cause d’une espace simple. Voici comment transformer automatiquement dans WordPress une espace en espace insécable devant ces signes de ponctuation.
Le Placeholder est un nouvel attribut HTML5 qui a pour but de décrire brièvement un champs. La valeur du Placeholder s’affiche à l’intérieur du champs lorsque celui-ci est vide.
Voici ce que ça donne sur les principaux navigateurs :
Pour l’utiliser il suffit d’insérer l’attribut placeholder dans une balise input ou textarea. Cela fonctionne pour les champs de type text, password, mais aussi les nouveaux types d’input HTML 5 à savoir : search, url, tel, email. Lire la suite
…Et surtout sans tableau de conversion!
Cette opération (à priori très simple) peut poser problème, notamment à cause de l’encodage des caractères. Lire la suite