Contenu
Astuces CSS
Tutoriels webdesign
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 :
- yoyodesign — Nombreuses traductions d’articles et de recommendations du W3C. Voir également la liste des traductions françaises des documents du W3C
- 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 !
- 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.
- 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.
- 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.
- 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).
- 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 !
- 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.
- 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.
- 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.
- 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).
- 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.
- 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
9 participations à l'article
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
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.
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 !
Personellement je rajouterais ce site :
http://leftlogic.com/lounge/ar.....ty-lookup/
Qui permet de voir le code html d’un caractère, pratique lorsqu’on cherche le code pour ñ par exemple
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).
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.in.....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.
@ 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 !)
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)
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 !!!).