Le web, c’est comme une boîte de chocolat, on ne sait jamais sur quoi on va tomber

Le petit journal du web

Pour ce nouveau numéro du petit journal du web, je vous ai préparé une brassée de liens en provenance de ma veille dont vous pouvez suivre la progression sur mon compte Diigo. Des générateurs visuels pour HTML5 et CSS3 ou les Microdatas ; des outils pour vous aider dans votre travail d’intégrateur front-end ; des conseils pour mieux gérer les alignements dans vos créas ; des méthodes pour centrer un bloc ; ajout d’une miniature pour les catégories WordPress ; une police de caractère tout en CSS  et du jQuery pour un scrolling intelligent.

coveloping — Une flopée d’outils et de générateurs visuels allant du simple calculateur aspect / ratio pour vos vidéos ou vos images, jusqu’au validateur WSDL, en passant par les animations CSS3, des minificateurs Javascript et CSS, des cartes Google Maps personnalisées, des formulaires HTML5 responsive, etc.

Web Code Tools — Ce site regroupe plusieurs générateurs de code pour CSS3, HTML5, Microdata, Meta Tags, Open Graph, Twitter Cards. Il suffit de remplir quelques champs, de faire glisser des curseurs, et l’affaire est dans le sac !

L’ajustement optique — Ce n’est pas parce que votre logiciel graphique vous dit que c’est centré que ça l’est réellement ! Faites confiance à votre vue pour ajuster à la main (si j’ose dire) tout un tas de choses comme : l’alignement, la couleur ou encore l’échelle dans vos compositions graphiques.

Centrer un bloc div, guide complet — Puisqu’on parle de centrage et pendant que nous sommes sous la Cascade, voici un guide complet pour centrer une div dans tout les cas de figure, ou presque !

Accessible Footnotes with CSS — Des notes de bas de page accessibles avec CSS ? Suivez ce tutoriel commis par Hugo Giraudel sur Sitepoint.

Taxonomie Thumbnail — Envie d’attribuer une « Image à la une » lors de la création d’une catégorie ? C’est possible grâce à cette extension destinée aux développeurs WordPress !

CSS SANS — Police de caractère réalisée en CSS, compatible CSS1, CSS2 et CSS3. Téléchargez la feuille de style.

SmartScroll — Plugin jQuery pour afficher une URL spécifique lors du défilement d’une page web : scroll section par section, hash automatique, responsive. Possibilité d’avoir des sections de hauteurs différentes. Fonctionne aussi à la souris.