Des jolis boutons de formulaire en CSS3, toujours accessibles au clavier.
Quelques fonction jQuery de base et leur équivalent en pure JS pour moins dépendre d'une librairie externe.
Un système de grid sans devoir calculer des marges et sans utiliser de float.
Compatible depuis IE7.
TL;DR;
Il faut entre 45 et 75 caractères par ligne pour une meilleure lisibilité. 66 étant apparemment le nombre optimal.
Un moyen simple de s'en approcher en développant un site est de fixer la largeur du contenant à 66ex* et de voir combien ça fait en pixel.
- L'unité de mesure ex est une mesure dépendante de la font employée. 1ex équivaut à la largeur d'un x minuscule.
Des exemples de jolis formulaires web
Un lipsum pour les images. Génère une image au fond uni avec la taille au milieu.
via http://sebsauvage.net/links
Dans le même genre mais avec des vraies images, il y a aussi http://lorempixel.com/
35% de mieux pour WP3.4 FR par rapport à WP3.3 FR
Aucune différence pour la version US. Aller, il reste encore un peu de place pour faire mieux ^_^
Un tuto pour comprendre comment le thème customizer de la 3.4 fonctionne.
Il y en a pour tous les gouts et toute les bourses.
Une infinité ok, mais seul 5 sont vraiment contrôlables efficacement. Et 5 arrières plan pour un seul élément, c'est déjà pas mal !
Un tuto simple pour intégrer QuickSand ( http://razorjack.net/quicksand/ ) dans un template wordpress.
Il y a quelques trucs pas logiques (mais qui marchent quand même) corrigeables assez facilement mais ça a l'avantage de donner un aperçu général de la manière de procéder :)
Comment créer rapidement et simplement un widget Wordpress en utilisant l'API widget.
Divers techniques pour gérer au mieux les liens de navigations sur les mobiles.
Une chouette liste de services très utiles :)
Un résumé de pratiques à avoir pour éviter que Webkit devienne le prochain IE6.
On ne recommandera jamais assez HTML5 Boilerplate.
Et pour aller plus loin, il y a Initializr qui permet d'y rajouter quelques modules utiles comme un système de grille CSS, divers plugins jQuery ou même une CSS toute prête pour un design adaptable aux mobiles (que j'ai utilisée pour mon thème de Shaarli)
Des examples de chemins de fer assez sympa en pur CSS3
Visiblement c'est safe à utiliser pour tous les navigateurs et pour IE8+ et ça c'est très bon à savoir !
Parce que c'est terriblement frustrant/énervant de vouloir un block qui fait 80% de large de le retrouver à 80%+20px+5px parce qu'on lui a ajouté du padding et une bordure.
Ce qui est amusant, c'est que c'est considéré comme un bug d'IE: http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug Alors que pour une fois, c'est eux qui devraient avoir raison.
Je savais même pas que w3schools n'avait rien à voir avec le W3C… Raison de plus pour utiliser http://dochub.io qui, lui, se base sur le wiki de mozilla.
Un outil pour afficher la hiérarchie d'un document selon HTML5.
Faire des triangles en CSS c'est plutôt cool :D
Comment faire une boite flottante comme sur Mashable ?
Un plugin jQuery pour intégrer facilement (et joliment) les boutons de partage des réseaux sociaux.
Un plugin jquery simplissime pour mettre les label dans les inputs.
Cette fois c'est la fin, adieu IE6 et IE7 :)
Les mentalités commencent à changer mais c'est toujours bien de le rappeler.