Chers intégrateurs web, si comme moi vous avez la touche F5 facile, si l’envie de rafraîchir votre navigateur vous prend dès que vous venez de rédiger 3 lignes de CSS, alors le bookmarklet SoFresh est fait pour vous.
Tag ‘css’
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.
Quand on parle d’optimiser le chargement de son site on pense généralement à son code ou à son serveur, mais un autre paramètre influe au niveau de l’affichage : les images. Il s’agit d’un critère important qu’il est possible d’améliorer grâce à deux techniques : réduire le nombre d’accès serveur & optimiser le poids de ses images.
Aujourd’hui j’ai été confronté à un problème très connu mais assez rarement pointé du doigt dans un contexte de production. Pour ma part je n’avais jamais eu l’occasion de m’y confronter… mais il n’en reste pas moins que ce qui suit mérite vraiment que l’on s’y intéresse, quel que soit le projet.
Lors d’une mise à jour majeure de la homepage d’un client, CSS et JS, les visiteurs qui avaient visité le site la veille ont eu une drôle de surprise sur la nouvelle page d’accueil : leur navigateur ayant gardé en cache une partie des feuilles de style et javascript, la home ne ressemblait à RIEN, à moins de faire un Ctrl+F5. Le client était assez mécontent (on le comprend) et me demandait si une solution existait.
Proposer à vos rédacteurs un WYSIWYG peut parfois être risqué: l’utilisation de balises non prévues ou non souhaitées peut bousiller votre design ou -pire- pénaliser le référencement de votre super blog.
Pour signifier à l’utilisateur qu’un script ajax est entrain de tourner, la solution généralement utilisée est celle d’afficher un gif animé. Voici donc une petite astuce, ne nécessitant pas d’image, qui fixe en CSS l’affichage du curseur de votre navigateur en mode « chargement ».