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

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

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

WordPress

Miscellanées

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



16 commentaires pour “Liens utiles pour l'intégrateur HTML / CSS et le développeur web”

  1. Matt dit :

    C’est ta page entière que je vais bookmarker =). Le site sur les fonctions utilisables dans wordpress est indispensable, je sais pas comment je m’en étais passé!

    Bonne journée =)

  2. leGizz dit :

    Très bonne liste, merci :)

    Dans la section envoyer des e-mails tu parles de l’excellent Campaign Monitor. Ces derniers proposent également 33 modèles d’emails HTML qui passe sur quasiment tous les clients mail : [http://www.campaignmonitor.com/templates/] :)

  3. VuThéara dit :

    Je viens de faire le même chose que Matt… Excellente liste ! Je connaissais Campaign Monitor mais pas Email Standard Project

  4. [...] Les liens de l'intégrateur web Cette sélection de liens triés sur le volet 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 ou à ajouter des menus déroulants intelligents à votre site web. (tags: resources xhtml css html blog wordpress billet ressources liens) [...]

  5. Matt dit :

    tous ces liens peuvent bien aider, merci.

  6. [...] Quelques liens utiles pour les développeur HTML/CSS. [...]

  7. [...] more here:  Commentaires sur Liens utiles pour l’intégrateur HTML / CSS et le développeur web (Javascrip… Related ArticlesBookmarksTags Release history 1.0 1.0.0 1995-06-08 Officially called [...]

  8. Merci beaucoup pour cette liste ! Très pratiques et intéressants tous ces liens.

  9. Darklg dit :

    Je redécouvre tes articles les plus anciens.

    Presque encore d’actualité, tout ça ;)

  10. [...] Liens utiles pour l’intégrateur HTML / CSS et le développeur web — Concevoir des emails, dénicher des feuilles de style pour vos tableaux, ajouter des menus déroulants intelligents  ou encore faire le point sur les templates tags WordPress. [...]

  11. dénicher des feuilles de style pour vos tableaux, Nike Jordan 1,Très pratiques et intéressants tous ces liens.

  12. cette occasion dit :

    Des tonnes de bouts de code pour le chaussures supra développeur web

  13. volet en dit :

    Like de Facebook par un bouton Faire un don de Timberland pas cher Paypal car »Il n’y pas d’amour »

  14. prevoyance dit :

    il suffit d’indiquer les identifiants des éléments à équilibrer et hop ! Contient des morceaux de détection de redimensionnement de texte http://www.prevoyance-sante-des-sportifs-professionnels.fr Très pratiques et intéressants tous ces liens.

  15. je sais pas comment je m’en étais passé! http://www.citedessciences.fr Très pratiques et intéressants tous ces liens.

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site