13 outils pour l'intégrateur 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

13 outils pour l'intégrateur web

Comme tous les travailleurs, l’intégrateur HTML & CSS a ses petites habitudes et une boite à outils bien remplie. Depuis longtemps, j’utilise les bookmarks en ligne. Mais si je bookmark régulièrement les liens qui m’intéressent, la recherche d’information dans ces services est souvent moins efficace que le lancement d’une recherche dans Google ! Et comme il peut être utile d’avoir certaines ressources à portée de souris, un billet est un pense-bête comme un autre. Magneto :

  1. yoyodesign — Nombreuses traductions d’articles et de recommendations du W3C. Voir également la liste des traductions françaises des documents du W3C
  2. htmldog — C’est en anglais, mais la clarté des explications en fait une référence incontournable pour tout ce qui touche au développement web, avec un dictionnaire HTML où l’on retrouve toutes les balises passées au crible avec des exemples d’utilisation, les attributs requis, les attributs optionels et des exemples !
  3. gotAPI — regroupe les principales API du web dans une interface Ajax très réactive : HTML, CSS, Javascript, jQuery, PHP, Ruby, asp, mais aussi le fonctionnement de certains CMS comme Drupal ou de services web comme Flickr.
  4. giminik — La liste des balises XHTML 1.1 (ou 1.0 Strict sans les éléments obsolètes), leur utilité, leurs attributs, leurs évènements et la relation entre parents et enfants (hiérarchie). Indispensable pour construire un document valide.
  5. Opquast — l’ensemble des bonnes pratiques pour la qualité des services en ligne. Abonnez-vous au fil RSS des bonnes pratiques pour avoir votre dose quotidienne.
  6. Openweb — Les bonnes pratiques en action pour les technologies du web (XHTML, RSS, CSS, DOM, PNG) et les différents thèmes qui y sont associés (pages dynamiques, navigateurs, accessibilité, études de cas, mise en page, multimédia, structure).
  7. Développez (pour le web) — toutes les technologies du web à portée de clic. Des tutoriels, des cours, des documents à télécharger. Allez, faites le plein !
  8. Forum Alsacreations — Presque toutes les questions sur les CSS et le HTML et quasiment toutes les réponses ! Cerise sur le gâteau, la FAQ est complète et bien organisée.
  9. Format publicitaire AdSense — Et oui, qui n’a pas eu besoin de prévoir des emplacements publicitaires dans une charte graphique et de chercher les formats les plus courants ? Voici les formats en vigueur chez Google, qu’il s’agisse des formats textes, images ou vidéos.
  10. Blogmarks — Avec del.icio.us et ma.gnolia, je me suis remis à utiliser blogmarks qui garde un petit quelque chose en plus par rapport aux autres solutions de bookmarking social.
  11. Bluevertigo — Un maximum de ressources graphiques et typographiques dans une interface toute en scroll horizontal. Au menu : Photothèques, clip-art vectoriel, polices de caractère, logothèques, sons, brosses (brushes) Photoshop, modèles 3D Poser, icônes, palettes de couleurs, générateurs de textes, échantillons graphiques (patterns).
  12. WordReference — Sans doute le meilleur site de traduction (mot à mot en incluant les locutions idiomatiques). Pour les cas difficiles, vous pouvez utiliser le forum. Nombreux plugins Firefox pour la recherche par langue.
  13. Les dictionnaires — Un maximum de dictionnaires thématiques classés par catégories : langue française, synonymes, encyclopédie, citations et expressions, gastronomie, humour, acronymes, etc. Mention spéciale pour le Trésor de la Langue Française Informatisée (TLFI pour les intimes) : interface web 0.2 mais très efficace ;)

Voilà, c’est fini. Maintenant, si vous avez des sites qui vous servent régulièrement dans votre job, vous pouvez balancer les liens ;)

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.



23 commentaires pour “13 outils pour l'intégrateur web”

  1. Pierre Le Bot dit :

    Sympa la mini-liste (par rapport à la grosse grosse liste)

    J’ai bien une url à partager, connu de beaucoup d’intégrateurs et graphistes : http://www.smashingmagazine.com C’est pour moi une incontestable source de tips, d’infos, d’idées…

    Sinon, très connu également, le site de médiabox : http://wiki.mediabox.fr/documentation/css/ Pour obtenir une présention claire (succinte ?) d’une propriété CSS et sa compatiblité avec les navigateurs, c’est nickel

  2. Florent V. dit :

    Hello,

    Pour remédier à l’apparence Web 0.2 du TLFi, le plus simple est de passer par le portail lexical du Centre national de ressources textuelles et lexicales. Zou: http://www.cnrtl.fr/lexicographie/

    Un exemple: http://www.cnrtl.fr/lexicographie/mollusque

    On notera les magnifiques URL 2.0 (avec une très bonne réactivité!). Le premier résultat affiché est celui du TLFI, mais on peut aussi faire des recherches sur le dictionnaire de l’Académie et d’autres ressources. En plus des définitions, on a droit aux synonymes, aux antonymes, à l’étymologie, etc. Bref, c’est un agrégateur de ressources linguistiques (pour le français) absolument génial. Il y a même un plugin de recherche OpenSearch pour votre navigateur préféré. :)

    Sinon pour les choses plus techniques mes références principales sont les spécifications HTML 4.01 et CSS 2.1, en anglais. Je passe soit par la table des matières, soit par les index d’éléments, attributs ou propriétés. Je trouve ça plus efficace que beaucoup de ressources en ligne qui font de la redite non structurée de parties des spécifications.

  3. Dans la série dico, outre le TLFI, j’utilise aussi un dictionnaire de synonymes assez génial, et Le conjugueur pour les trous de mémoire. Complétons par le grand dictionnaire terminologique moins précis que le TLFI mais très efficace dans en contexte professionnel.

    Comme aide mémoire rapide pour HTML+CSS, j’utilise Selfhtml pour sa concision, puis Google quand j’ai besoin de plus de détail, mais je vais étudier tes adresses !

  4. Anthony dit :

    Personellement je rajouterais ce site : http://leftlogic.com/lounge/articles/entity-lookup/

    Qui permet de voir le code html d’un caractère, pratique lorsqu’on cherche le code pour ñ par exemple

  5. burningHat dit :

    Sympa la liste… je l’aurais plutôt titré « 13 ressources (ou sources) » plutôt qu’outils par contre. Perso, en voyant « outils », je me suis dis « chouette, il nous a encore dégotté des applications (standalone ou webservice, peut importe) pour développer mieux. Voilà, ça c’était pour pinailler parce que cette liste est vraiment cool (d’ailleurs, j’use et abuse de la plupart de ces sites depuis des lustres aussi).

  6. Florent V. dit :

    Pour le dictionnaire des synonymes indiqués par Comme une image, mon seul regret est de ne pas avoir de plugin de recherche pour mon navigateur. Du moins je n’en ai pas trouvé… du coup, j’ai fait le mien: http://files.covertprestige.info/permanent/search/synonymes-crisco.xml

    Si votre navigateur ne sait pas l’installer tout seul, il faudra l’installer à la main. Pour Firefox, il faut placer le fichier XML téléchargé dans le dossier «searchplugins» qui se trouve dans le dossier de votre profil (dossier qui peut être difficile à dénicher… ça dépend de votre système d’exploitation), puis fermer et relancer Firefox.

  7. @ Florent V » Sympa l’idée de le rajouter dans la barre de recherche (il fait partie de ma barre personnelle, c’est un clic de plus !). Pour que ce soit reconnu par le navigateur, il aurait fallu que ton fichier soit au format binaire .xpi (aucune idée de la manière de générer un truc comme ça !)

  8. Florent V. dit :

    Comme une image: non, cela ne fonctionne pas comme les extensions de Firefox ou Thunderbird (format XPI). Il faut utiliser un élément LINK ou une fonction Javascript qui va bien.

    En savoir plus (première partie…): http://web.covertprestige.info/opensearch/

    (Bon, là je présente ça tranquilou décontract, mais je vais de passer l’après-midi et la soirée dessus. :D)

  9. Je suis content de t’avoir fait bosser, ça m’a évité d’aller chercher mon répertoire searchplugins (j’ai parlé de XPI [trop vite] parce que je suis allé sur un site FF où le moteur de recherche proposé s’installait par XPI, mais c’était un mauvais exemple !!!).

  10. Bruno Bichet dit :

    @Pierre Le Bot > Yep, effectivement smashingmagazine est indispensable mais je ne le considère pas vraiment comme une ressource structurée permettant de trouver rapidement une solution voire même une information précise. Mais c’est une source d’inspiration incontournable.

    Sinon je suis effectivement passé à côté de mediabox que je vais rajouter à la fin de la liste.

    Florent V. Bien vu le passage par le portail lexical ;) Pour ce qui est de ton plugin, j’ai essayé de l’installer mais pour l’instant je bloque sur un soucis d’écriture dans le dossier des plugins… Ah quand Vista s’y met… ;)

    @Comme une image > le conjugeur, je l’ai aussi oublié celui-là alors que je l’utilise également régulièrement ^_^v Merci ;)

    @burningHat > tu as raison pour ressource vs outils dans ce cas précis, mais comme je suis dans une période « listes » de ressources justement, je voulais éviter les répétitions ;)

    @Anthony > Très utile en effet, en plus c’est jamais évident de trouver des tables de correspondances lisibles, là en plus, il y a un côté intuitif qui me plait bien, surtout pour les symboles qu’on ne trouve jamais sur le clavier ;))

  11. Florent V. dit :

    Bruno, pour une installation simple va sur sur mon article sur OpenSearch. :) http://web.covertprestige.info/opensearch/ Tu y trouveras deux moyens d’installer ce plugin de recherche.

  12. loïc m. dit :

    Merci pour cette petite liste bien sympa. Je vais utiliser HTMLDog à présent en lieux et place de http://www.laurent-bernat.com/guide-html

    Pour les resources de polices : http://www.dafont.com/fr/ Mon site de référence quand je cherche de nouvelles polices

    @Anthony : je préfère avoir l’ensemble des caractères sur une seule page (et puis la recherche via Firefox, c’est rapide aussi) : http://www.commentcamarche.net/html/htmlcarac.php3

  13. loïc m. dit :

    hmmm…. j’ai oublié quelques ressources : – http://developer.mozilla.org/ : que j’utilise principalement pour les ressources DOM

  14. Bruno Bichet dit :

    @loïc m. Tiens, tes commentaires s’étaient perdus dans Akismet ;) Très bons liens, merci !

  15. loïc m. dit :

    @bruno : je me demandais si tu avais mis en place une gestion manuelle des commentaires. J’aurai préféré cette réponse à Akismet ;)

  16. Hi Bruno, Parlons-en de la boîte à outil, la mienne est genre très anglophone, je vis et travaille sur le web au Canada depuis qq années et la plupart des outils de bookmarking ou d’authority que j’utilise sont des Digg, Technoratio, StumbleUpon etc… ces outils sont extrêmement bien intégrés dans la blogosphère nord-américaine et donnent souvent des résultats plus pertinents que les moteurs de recherche (AH!)

    Maintenant voilà… c’est bon toutes celles belles choses pour inspirer le vieux continent ;-) mais j’aimerais avoir ton (vos) avis sur ce qui se fait en France comme équivalent. Car à quoi bon bookmarker du contenu français avec des outils anglais…

    Merci d’avance pour vos réponses à tous !

  17. Bruno Bichet dit :

    @Patrice > J’ai l’impression qu’en france les outils comme digg.com ou équivalent sont surtout utilisés pour des info plus people que techniques : scoopeo.com est aux mains d’une clique qui ne s’intéresse qu’aux buzz générés par les marques, fuzz.fr est fermé, etc.

    Technorati est trop anglophone pour vraiment intéresser les français, mis à part l’aspect « authority » en lui-même qui est encore utilisé pour situer son blog dans la blogosphère (mais wikio.fr tend à prendre le dessus sur cet aspect)

    Parmi les sites communautaires, j’aime bien tutmarks.com pour l’aspect myriade de tutoriels et blogasty.com pour découvrir des billets qui sortent de mon ordinaire ;)

    Sur le fait de bookmarker du contenu français avec des outils anglais… Ma foi, je pense que les français sont plus tolérants que vous pouvez l’être au Quebec sur la défense de la langue française :))

    Je pense qu’on privilégie les outils qui permettent une plus grande interopérabilité : l’important n’est pas la langue utilisée, mais les données qu’elle véhicule ! (‘tain, c’est profond, ça ;)) )

  18. @Bruno, First, merci pour cette rapidité ! Je viens de passer 3 heures à redécouvrir la scène française du bookmarking qui est pas si mal après tout ;-) Moi qui croyait que le monople du digg-Like était malheureusement aux US, et bien je suis ravi ! En fait je suis un expat français qui vit dans les rocheuses canadiennes et je compte rentrer bientôt en France,… c’est pour ça que j’ai besoin de faire un peu de promotion de mon blog chez vous :-) Alors ce qui est sûr c’est que ton blog, je l’ai bien bookmarké, networké, favoré et adoré ! Alors on est amené à se revoir ! J’ai plein de projet pour préparer mon retour… trop même…

  19. Bruno Bichet dit :

    @Patrice Albertus > Merci à toi pour toutes ces gentilles choses que je ne mérite peut-être pas (ou pas ;) ) — N’hésites pas à faire signe quand tu rentre en France, et si en plus tu n’es pas loin de la région lyonnaise on pourra boire une bière :)

    @all > J’ai ajouté les liens de ce billets et ceux que vous avez suggérés dans la grosse grosse liste dans la rubrique Références, outils et dictionnaires, créée pour l’occasion ;)

  20. @Bruno & All Après mes premiers contact avec la social french bulle, j’ai comme l’impression que c’est Scoopeo qui se démarque pas si mal, je suis allé voir ma copine Alexa qui a l’air de penser pareil… Qu’est-ce que vous en pensez ? J’aimerai bien mettre le code de vote dans mon blog, pb c’est que j’en veux qu’un seul, le meilleur ;-)

  21. Bruno Bichet dit :

    @Patrice Albertus > Scoopeo se démarque effectivement en terme de traffic : tout dépends du type de contenu que tu penses proposer aux joyeux drilles de scoopeo. Pour le fun, les videos marrantes, la grosse grosse info dont on a déjà parlé 1000 fois ailleurs, alors là oui, c’est sûrement intéressant.

    Ce que je dis est un peu réducteur, il y a de la place sur scoopeo pour des contenu insolites, par exemple…

    Pour le reste, tu risques de passer en Home sur un malentendu, ce qui m’est arrivé une fois http://www.scoopeo.com/programmation/un-p-tit-nouveau-sur-la-toile-qui-parle-de-webdesign-et-d-integration-web-comme-personne (j’avais eu la faiblesse de considérer le lancement de ce blog comme un scoop que personne ne devrait rater ;)) )

    Bref, 600 visites dans la journée, 15 la deuxième et puis après, nada ;)

  22. […] l’on devrait avoir sous le coude lorsque la mémoire fait défaut. Suite à un billet sur les 13 outils de l’intégrateur web, j’ai intégré les liens qui en faisait partie, ainsi qu’une partie de ceux qui […]

  23. […] 13 outils pour l’intégrateur web — Des liens utiles en toutes circonstances ! […]

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