Liens utiles pour l’intégrateur HTML / CSS et le développeur web

Cette sélection de liens triés sur le volet en provenance de mon compte Delicious vous aidera peut-être : à trouver des snippets (bouts de code) pour faire face à toutes les situations ; à concevoir des emails qui tiennent la route ; à dénicher des feuilles de style pour vos tableaux ; à ajouter des menus déroulants intelligents à votre site web ou encore à faire le point sur les *templates tags* WordPress disponibles pour votre thème de blog !

### Bouts de code (snippets)

* Posteet — Une plâtrée de bouts de code dans pratiquement tous les langages du web.

* DZone Snippets — Des tonnes de bouts de code pour le développeur web.

* Bout 2 Code — Comme son nom l’indique. Un peu pauvre en langage du web pour le moment, ce site propose néanmoins des trucs pratiques pour Excel ou Office en général…

* Pastebin — vous aide à débugger vos bouts de code en obtenant une URL comme *http://pastebin.com/1234* à partager autour de vous. Si quelqu’un modifie votre code, vous pourrez voir les différences avec le code d’origine. Pratique aussi pour faciliter les copiés-collés de code, par toujours évident avec des outils comme WordPress.

* codyx — Des bouts de code dans plus de 40 langages et près de 30 catégories différentes. De nombreux scripts sont disponibles dans plusieurs langages.

### Envoyer des e-mails

* Email Standards Project — N’avez-vous jamais pesté contre le rendu de votre page web dans tel ou tel navigateur ? Si concevoir un site web qui « passe » partout n’est pas facile, envoyer une *newsletter* par email l’est encore moins. ESP vise à mettre en place une batterie de bonnes pratiques pour que les MUA implémentent les propriétés CSS indispensables à une mise en pages un peu *funky* des emails, grâce notamment à la mise en place de l’Email Standards Project Acid Test,

* Campaign Monitor — En complément du lien précédent, voici un tableau récapitulatif du support des CSS dans les principaux *Mail User Agent* (MUA).

* 33 templates HTML pour l’emailing — Toujours chez Campaign Monitor, suggéré par LeGizz, plus de 30 modèles HTML pour envoyer des e-mails qui passeront dans la plupart des lecteurs de mails.

### Des tableaux quand il le faut

* CSS Table Gallery — Une galerie de styles CSS appliqués aux tableaux pour mieux styler les données tabulaires parce qu’elle le valent bien ! Une bonne initiative de Chris Heilmann qui nous a déjà gâté avec Online Tools qui héberge le célèbre DOMTab pour faire des menus à onglets. Cf. idTabs vs DOMtab pour plus d’informations.

En quoi la mise en page par tableaux est-elle stupide ? — Tout les arguments contre l’utilisation des tableaux pour autre chose que la présentation de données tabulaires rassemblés sur une page aussi complète que ludique. Via la liste de discussion AccessTech, espace d’entraide autant que de veille technique sur le sujet de l’accessibilité numérique.

### Des menus déroulants

* Menu déroulant à plusieurs niveaux — Première partie déjà très complète d’un tutoriel en trois parties sur les menus déroulant sur Fairytells :
– Fonctionne sur les navigateurs modernes et sur Internet Explorer à partir de la version 5,
– Navigation au clavier,
– Positionné de manière relative pour éviter les problèmes de superposition,
– Fonctionne avec et sans Javascript.


* Menu_UL –Un menu déroulant commis par Benoit Raux piloté via CSS : tous les états possibles ont reçu une classe CSS pour Noël :
– `.menu_son_basic`,
– `.menu_son_over`,
– `.menu_son_active`,
– `.menu_son_active_over`,
– `.menu_parent_active`,
– `.menu_parent_basic`,
– `.menu_parent_selected`.

### Des colonnes de même hauteur sans tableau

* PVII Equal Height CSS Columns — Trouvé dans le code source de l’exemple du menu déroulant de Fairytells, ce script permet d’ajuster dynamiquement la hauteur d’une colonne en fonction d’une autre. On pourrra ainsi avoir une barre latérale dont le fond parviendra jusqu’au pied de page en fonction de la hauteur du contenu principal. Hum, voyez plutôt les exemples 😉

* Equilibrez vos colonnes CSS avec Javascript — Un autre script astucieux pour avoir des colonnes de même hauteur. Très simple d’utilisation : il suffit d’indiquer les identifiants des éléments à équilibrer et hop ! Contient des morceaux de détection de redimensionnement de texte (Text-Resize Detection).

### WordPress

* Guide de référence des templates tags — Voici une liste très complète des appels de fonction que l’on peut utiliser dans un thème WordPress. A bookmarker d’urgence !

### Miscellanées

* Compresser et optimiser les fichiers CSS et Javascript — Tutoriel intéressant paru sur blackotine concernant l’utilisation de la classe PHP Combine.

* Les anti-sèches du développeur web : Une palanquée de memento, cheatcheet en image ou au format PDF sur vos outils préféré : HTML, CSS, PHP, UNIX, Apache, jQuery, etc.