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

1000 ressources pour le développement web et WordPress : la grosse grosse liste

Article en plusieurs parties : 1 2 3 4

Vous voulez un bon éditeur de page HTML et CSS et avoir sous le coude le maximum de ressources à portée de souris ? Cet article est fait pour vous si cherchez le bon plugin jQuery pour votre projet ou si vous êtes friand de liens pointant vers des ressources indispensables pour la création de sites web. Si en plus vous utilisez WordPress, c’est votre dossier Plugins qui va être content ! Le titre est trompeur : il n’y a pas 1000 ressources, mais bien plus à découvrir… Attention, cette liste est vivante et grandit avec vos suggestions !

La boite à outils du codeur de site web

Editeurs de page web

Windows (et/ou multi-OS)

Eclipse
Eclipse est un environnement de développement intégré (IDE) lancé par IBM pour développer des application Java. Son architecture est développée autour de la notion de plugin, ce qui permet de l’utiliser pour le développement web où il remplacera sans peine un Dreamweaver ou un Notepad++ grâce notamment aux « plugins » suivants :
  • WTP (Web Tools Platform) — Reconnait les formats HTML, CSS, JSP, JSF, javascript, XML, DTD, XSLT… (coloration syntaxique, auto-complétion, validation et aide à la saisie des fichiers XML par la DTD associée, etc.)
  • Aptana — Mêmes fonctionnalités que WTP. L’auto-complétion des fichiers CSS donne la compatibilité (IE et Firefox) des différentes balises de style, Débugger Javascript
  • ATF (Ajax Toolkit Framework) — Prise en compte du langage AJAX dans le développement web
  • Amateras EclipseHTMLEditor — Reconnait les formats HTML, CSS, JSP, javascript, XML, DTD… avec un éditeur graphique de pages
  • XMLBuddy — Plugin léger pour le format XML (validation des fichiers si DTD associée), DTD, XML SCHEMA, et XSLT
  • X-Men — Editeur de fichiers XML (non maintenu depuis 2003)
  • OxygenXML — Prise en charge du format XML, DTD, XML SCHEMA, et XSLT (avec un débugger de feuilles de style XSLT)
  • EclipseTidy — Editeur de fichiers HTML et XML
  • eZing Builder — Editeur WYSIWYG de pages web (HTML)
  • Euromath 2 — Editeur WYSIWYG de fichiers XML permettant d’écrire des expressions mathématiques (un peu de la même manière qu’avec Latex)
  • EclipseXSLT — Création Gestion avancée des fichiers XSLT, avec la coloration syntaxique, la possibilité de créer plusieurs configurations de style applicables à un même fichier XML, etc.

Retrouvez la liste complète des plugins Eclipse sous forme d’un PDF mis à jour par Benoît Courtine qui a aussi un blog.

Dreamweaver

Dreamweaver — Cet éditeur de pages web créé par Macromedia puis racheté par Adobe (certains prononcent Adobi – à l’anglo-saxonne – mais je préfère dire Adobeu. D’ailleurs ceux qui prononcent Adobi sont souvent les mêmes qui prononcent notepad++ comme plus plus au lieu de pleus pleus ^_^v).

La fonction chercher-remplacer plus que complète (il faudrait un tutoriel pour faire le tour de la question) et la gestion multi-sites avec le transfert FTP méritent à eux seuls l’achat du produit. L’aspect ouiziouigue du bidule est encore – dans la version CS3 – réservé aux gadgétophiles.

Le gros point noir de Dreamweaver est sa gestion fantaisiste du format UTF-8 qui nécessite un passage préalable dans un vrai éditeur comme Notepad++…

Notepad++

Notepad++ — Quand Dreamweaver m’ennuie, c’est vers Notepad++ que je me tourne, tant sa simplicité apparente est reposante. Il prend en charge la coloration syntaxique de pratiquement tous les langages et ses fonctions de « traitement » de textes sont impressionnantes (même si je n’en n’utilise pas le dixième).

Les plus : Notepad++ est capable de plier-déplier les blocs de code et possède un explorateur de fichier. De plus, utilisé conjointement avec FileZilla (en le spécifiant comme éditeur de texte distant, par exemple), vous avez une configuration légère pour trois fois rien ;)

Les moins : l’auto-complétion des propriétés CSS n’est pas vraiment contextuelle (contrairement à Dreamweaver).

Nvu

Nvu — Prononcez N-view. A mi-chemin entre Dreamweaver et Notepad++, cet éditeur est la refonte du module d’édition HTML Composer de Mozilla. Le logiciel est en version 1.0 depuis 2005 sans mise à jour depuis. A noter qu’il existe un tutoriel Nvu bien fait sur Framasoft. Nvu est remplacé par KompoZer. Pour connaitre le pourquoi du comment, c’est sur Framasoft. (Merci burningHat).

KompoZer

KompoZer — Développé à partir de la version 1.0 de Nvu, ce logiciel reprend à son compte la gestion des plugins et des thème à la Gecko (Firefox), ce qui semble prometteur pour l’avenir. Des fondations de Nvu, KompoZer semble avoir gardé le goût de la non-simplicité pour la gestion des feuilles de style, notamment.

D’autres infos sur Nvu (valable pour KompoZer ?) sur geckozone.

Intype

Intype — Ce puissant éditeur de code est d’après p4bl0 l’équivalent de TextMate sur Windows. Encore en version Alpha, vous pourrez suivre l’évolution du développement de cet éditeur prometteur sur le blog.

HTML-Kit

HTML-Kit — J’ai une relation ambiguë avec ce logiciel : je l’installe aussi souvent que je le désinstalle à cause de son interface peu intuitive qui finit toujours par me gêner avant que je trouve mes marques. Mais c’est un très bon produit et je ne désespère pas de m’y adapter un jour !

Il est possible d’avoir HTML-Kit en français avec une présentation du logiciel en prime.

UltraEdit-32

UltraEdit-32 — C’est un éditeur de code source qui supporte la plupart des langages (C++, PHP, HTML, VB Perl, Java). Il dispose aussi d’un module FTP et permet – comme Notepad++ d’enregistrer des macro-commandes pour les tâches répétitives.

Ce n’est pas un logiciel gratuit, mais la version UltraEdit-32 Professional Text Editor ne coûte que 34€, soit 12 fois moins que Dreamweaver CS3 !

Jedit

Jedit –C’est un éditeur écrit en Java, ce qui lui permet de fonctionner sous toutes les plate-formes.

Quanta Plus

Quanta Plus — Avec cet éditeur de texte, on sort un peu du développement web, puisqu’il permet également de créer des livrets de documentation, ce qui peut toujours être utile.

CSSED

CSSED — Cet éditeur de feuilles de style CSS nécessite l’installation de GTK+ Runtime Environment avec comme avantage de tourner sous Linux, Mac OSX et Windows !

E-Texte Editor

E Texte Editor — Toute la puissance de TextMate sur Windows (au point de laisser Mac OS X et switcher sur Windows ?).

PSPad

PSPad — Le meilleur pour la fin ? C’est bien possible car contrairement à HTML-Kit, son interface est très agréable et son intégration avec TopStyle Lite est très réussie. L’ensemble fournit un environnement de développement de pages web très complet et simple d’utilisation.

Parmis les petits plus appréciables : un générateur de faux-texte Lorem Ipsum et l’intégration de Google avec des options de recherche avancées, toujours utiles en plein travail.

A noter que la version Pro de TopStyle inclut un éditeur HTML.

Linux

Scribes

Scribes — C’est un éditeur pour Linux, puissant tout en restant simple et léger.

gedit

gedit — Il s’agit de l’éditeur de texte officiel pour l’environnement de bureau GNOME.

SciTE

SciTE — Cet éditeur de texte complet (coloration syntaxique, arbre de code dépliant, fonctions rechercher/remplacer) se distingue par l’exportation au format PDF, RTF ou HTML. Bien que disponible également pour Windows, SciTE gagne sa place dans la section Linux grâce à sa configuration par fichiers : pas de panique, Framasoft veille ;)

Mac OS X 10.4+

TextMate

TextMate — L’éditeur manquant ? Sur Windows, en tout cas, c’est sûr ;)

BBEdit

BBEdit — Si vous êtes Apple Addict.

TextWrangler

TextWrangler – Par le même éditeur de BBEdit dont il est une version allégée, cet éditeur autorise la manipulation de texte et l’administration de serveur Unix.

Smultron

Smultron — Conçu à la fois pour ne pas effrayer les débutants et satisfaire les utilisateurs avancés.

cssedit

cssedit — un très bon éditeur de CSS. Via 64K.

Coda

Coda — Encore un bien joli éditeur de texte et de CSS qui intègre un module de transfert FTP.

Javascript »

Article en plusieurs parties : Page suivante



102 commentaires pour “1000 ressources pour le développement web et WordPress : la grosse grosse liste”

  1. Bruno Bichet dit :

    Merci, c’est corrigé ;)

  2. leGizz dit :

    Et une liste de plus à bookmarker, une !

    Merci ^^

  3. gabyu dit :

    elle est enorme cette page. s’il yavait un moyen de ‘deliciouser’ tous les liens de cette page, ce serait merveilleux !

    merci !

  4. shao69 dit :

    Super merci à toi, je prendrais le temps de lire car là on est gâté, c’est complet ;-)

  5. Gilles dit :

    Ca, c’est cool ! Merci à toi ! Je bookmark au chaud.

  6. lebaron dit :

    Bonjour je voulais savoir quelque chose qui n’a rien a voir avec votre billet mais plutôt sur le logo que vous avez, j’aimerez bien avoir le même style de photo avec ce filtre très web2.0, comment l’avez-vous fais ? Avec un logiciel ou sur le net? Merci beaucoup et aussi savoir si vous intégrez dans votre blog « Gravatar » je trouve se concept très intéressant et mérite à être poussé !

  7. p4bl0 dit :

    Dans les éditeurs de textes pour mac, il en manque beaucoup d’important. Contrairement à il y a 3 ou 4 ans en arrière, aujourd’hui parler seulement de BBEdit est tout simplement RIDICULE.

    Il faut aussi cité TextWrangler, un BBEdit light, suffisant pour la plupart des gens et surtout gratuit, aussi fait par BareBones. Il ne faut pas oublier Smultron (http://smultron.sf.net/) qui est un très bon éditeur open-source (et donc gratuit aussi en plus d’être très bien).

    Et surtout, surtout, la plus grosse erreur, l’oubli de TextMate ! TextMate !! l’éditeur de texte le plus puissant toutes plate-formes confondues ! Tellement qu’il se fait cloner pour windows (Intype, E), pour Linux (Scribes, plug-ins pour Gedit…). C’est le seul éditeur utilisé par les développeurs de Ruby On Rails par exemple. TextMate n’est pas libre, il coûte 39€. Je peux vous dire que ces 39€ font partis des euros les mieux dépensés de ma vie. TextMate a lui seul est une raison d’acheter un Mac. C’est aujourd’hui la seul chose que me retiens sur l’OS d’Apple à la place de passé sous Debian.

    Bref, un article qui parle d’éditeurs de textes pour développeurs et/ou développeurs web qui ne parle pas de TextMate me fait un peu l’effet d’un café sans café : de l’eau chaude :-p.

  8. p4bl0 dit :

    Oups ! Je suis aller un peu vite !

    L’article parle bien de TextMate, j’ai juste raté la ligne en scrollant :-D.

    Ben tant mieux, je suis content de m’être planté :-)

  9. Dans les framework javascript, il y a un fork de YUI très prometteur appelé extJS. Je vous laisse regarder les exemples pour apprécier le travail du developpeur : http://extjs.com/deploy/dev/examples/

  10. Bruno Bichet dit :

    @p4bl0 > J’ai ajouté TextMate in extremis suite à la suggestion de Franck Taillandier, donc tu l’as peut-être raté si tu as affiché le billet juste après sa publication ;)

    Sans avoir fait l’impasse volontairement sur les logiciels disponibles sur Mac OS X, n’étant pas utilisateur de Mac, certaines dénominations de soft me sont totalement étrangères (et assez mal référencées sur Google soit dit en passant), mais grâce à toi, c’est réparé :)

    @Franck Taillandier > Merci encore pour TextMate : pour un peu, c’était le goudron et les plumes :D J’ai également ajouté Ext JS.

  11. shao69 dit :

    je suis a la lecture des différents éditeurs et je me posais la question de savoir quels sont ceux que tu utilise actuellement. @+

    Et encore merci pour cette bonne lecture du vendredi soir ;-)

  12. Bruno Bichet dit :

    @lebaron > Pour le logo css4design, j’ai utilisé Illustrator et un simple effet de tranparence sur un objet ovoïde placé au-dessus du texte. Les gravatars sont actifs ici-même ;)

  13. Bravo pour ces listes, j’ai de quoi passer quelques heures à tout consulter ! Je mets ça dans un coin de mes bookmarks… Merci pour la référence à WRI (WebRankInfo) Olivier

  14. Bruno Bichet dit :

    @shao69 > c’est une bonne question parce qu’évidemment je ne les utilise pas tous ;) J’ai utilisé Dreamweaver pendant des années en mode visuel au début, puis en mode code exclusivement pour me mettre au régime Notepad++ et Filezilla qui reste la solution que j’utilise le plus souvent.

    Depuis quelques temps, j’utilise PSPad que je trouve vraiment bien fait, très clair, même si je regrette parfois le manque d’intégration du FTP : sur Dream, une fois la gestion du site configurée il est possible d’enregistrer et uploader en même temps ou à la demande, ce que je n’ai pas encore trouvé ailleurs.

  15. Bruno Bichet dit :

    @Olivier Duffez > La référence à WRI est la moindre des choses, surtout que si l’on entend souvent parler des extensions Firefox pour le développement c’est plus rare pour le référencement ou l’optimisation des sites web : merci à toi ;)

  16. shao69 dit :

    J’avoue ne pas utiliser cette fonction. Ce que j’aime sur dream c’est que les pages peuvent dépendrent d’un modèle, pratique pour les mises à jours. Je ne sais pas si les autres éditeurs ont une telle fonction?

  17. Bruno Bichet dit :

    @shao69 > Je n’ai pas utilisé les modèles de Dream depuis presque 7 ans, et à l’époque c’était buggé à mort… Je préfère largement travailler avec des includes PHP côté serveur.

    Là où Dream est vraiment excellent, c’est : l’intégration du FTP qui est très confortable ; les fonctions chercher/remplacer que je n’ai pas encore trouvées ailleurs ; et l’explorateur de fichiers qui est très complet. Ah oui, la répercution des changements de noms de fichier dans l’ensemble du site est un plus indéniable.

    Reste le prix…

  18. Facebook.com is the online social networking site. Here people come into contact with each other and build up relations whether personal or http://www.alexa.com/data/details/main?url=www.fortunehotels.in business.

  19. Je te félicite pas Bruno, tu viens de pourrir mon week-end… Déjà que j’ai du boulot à faire et que ça va être dur de me concentrer avec ce beau temps, là, je n’ai qu’envie de flanner sur tous les liens que ne je connaais pas…

    Seb.

  20. Il existe un éditeur HTML/CSS qui intégre les fonctionnlités FTP sur Mac (switche br1o switche). C’est Coda et son interface originale. : http://www.panic.com/coda/

    CSSEdit intègre la gestion des versions pour les feuilles de styles, je trouve ça plus que pratique.

    Pour en revenir aux interfaces, c’est vrai qu’HTML-Kit au début, c’est pas vraiment engageant. Coda ou CSSEdit sont à l’inverse : tout est pensé pour que le logiciel puisse être pris en main rapidement.

  21. waaaah !!! merci ;) ça c’est vraiment tip top comme billet, mais purée, y en a vraiment beaucoup des liens quand même ! Peut être que scindé en plusieurs billets ç’aurait été moins lourdingue :D mais nan c’est très bien comme ça :)

  22. Bonjour! En tant qu’intégrateur CSS et XHTML de profession, je crois bien être tombé au bon endroit! Ma copie vient de s’acheter un MacBook et je n’avais aucune idée des logiciels disponibles pour coder mes sites sur Mac.

    Je sens que votre blog va grandement me servir, ne serait-ce que pour me rappeler certaines choses que j’ai oubliées ;)

    Merci et continuez votre travail!

    • Le Détracteur Constructif
  23. burningHat dit :

    Dans le monde Windows / multi-plateforme: Pour l’intégration FTP/SFTP/CVS/Subversion => Eclipse pardi ! :D Pour les fonctions de recherches vraiment avancées (regex multi-fichiers par exemple) sur un éditeur de texte (pas un IDE) vraiment léger, le mieux que j’ai vu et utilisé des années durant reste ConTEXT

  24. leGizz dit :

    Cité deux fois dans un article, cool :)

  25. Bruno Bichet dit :

    @Frank > Merci, j’ai intégré Coda dans la liste.

    @redpeppers > scinder la grosse grosse liste en p’tites listes ? Non ;) Par contre je reprendrais peut-être certains éléments que je testerais et détaillerais peut-être un peu plus tard :)

    @Le Détracteur > Merci. Sinon, pour l’inclusion des soft Mac dans la liste, il faut plutôt remercier les commentateurs avisés ;)

    @burningHat, alala, tu es allé trop vite : Eclipse est le premier de la liste avec en prime tout les plugins kivonbien :D

    @leGizz > C’est normal, d’ailleurs si tu veux que je linke sur autre chose (url spécifique, autre blog, etc.) n’hésites pas ;)

    @all > Grâce à vous, cette grosse grosse liste commence à avoir de la gueule ^_^

  26. LOmiG dit :

    salut Bruno, merci beaucoup pour cet article de synthèse super bien fait… Je vais aller y fouiner pour trouver mon bonheur ! à bientôt !

  27. burningHat dit :

    @bruno je ne suis pas allé trop vite, je répliquais juste à ton commentaire à propos des qualités de Dreamweaver : que t’avais pas trouvé d’IDE disposant d’un système d’upload FTP aussi puissants ni de système de recherches aussi performant, etc. ;)

    J’ai bien vu qu’il était dans ta liste héhé :D

    Dans les éditeurs, il me semble qu’il manque l’incontournable éditeur multiplateforme SciTE… Mais bon, faudrait un site dédié rien que pour présenter la pléthore d’éditeurs et d’IDE existants :s

  28. bruno bichet dit :

    @LOmiG > Prends ton temps, comme en plus la liste s’etoffe presque tous les jours ;)

    @burningHat > J’avais pas compris ;) Tu veux dire que dans Eclipse tu peux configurer ton site distant et ton site local de manière à enregistrer localement tes modifs et les uploader soit à l’enregistrement soit avec un équivalent clavier ? Parce qu’il y a pas mal d’éditeurs avec FTP intégré, mais c’est souvent à peine moins pratique que de lancer SmartFTP sur un deuxième écran :D Je vais jeter un oeil sur le site de SciTE…

  29. shao69 dit :

    Salut

    Pour e-textEditor il faut préciser que c’est un logiciel payant 35$ ;-) Encore merci pour cette liste

  30. vincenzo dit :

    J’ajouterais qu’Eclipse est également disponible sous Linux et sous Mac.

    En ce qui concerne le monitoring de site Web j’aurais ajouté Internet Vista (http://www.internetvista.be)

  31. Vincent Voyer dit :

    Un bon petit logiciel aussi : sftpdrive qui permet de mapper des lecteurs windows (g:,h: …) à des dossiers sftp ce qui est très pratique pour créer des projets à distance avec vos éditeurs html même si ils ne supportent pas le sftp.

    Vous pouvez essayer le logiciel pendant 60 jours

  32. burningHat dit :

    @bruno ouaip c’est exactement ce que je veux dire… Entre la gestion des dépôts CVS et SVN intégrés et accessibles via clic-droit (gestion des conflits et autre joyeuseté inclus) et la synchronisation « multi-type » (projet à projet, projet à site FTP, projet à site sFTP, etc.) y a tout pour faire le bonheur des développeurs exigeants à ce niveau. Eclipse a certainement des défauts (je lui en reproche quelques uns d’ailleurs) mais pas celui-là ! :D

  33. [...] Publié par aiglestates sur février 13, 2008 Deux sites qui nous offre des utilitaires pour blog et il on des liens intéressant Dyblog et Css4design [...]

  34. DaSayan dit :

    Woa, superbe liste ! Je n’ose imaginer tout le boulot que ça a dû demander pour faire de la veille et trier ensuite tous ces articles, rédiger les descriptions…

    Merci beaucoup pour cette impressionnante liste que je bookmark de suite, ainsi que pour le lien vers mon blog :)

  35. Bruno Bichet dit :

    @burningHat > Effectivement, j’ai installé Apatana Studio et la gestion du FTP ressemble bcp à celle de Dreamweaver. Zut, moi qui m »était décidé pour PSPad ^_^v

    @DaSayan > En fait, c’est bcp moins long que ça peut paraitre ; et puis la liste s’est bien améliorée depuis sa publication initiale grâce aux nombreux liens suggérés dans les commentaires, ce qui m’a poussé à mieux organiser la liste elle-même au niveau de la mise en page pour améliorer la lisibilité, ce qui est crucial avec autant de liens ;)

  36. LOmiG dit :

    Mon outil pour rédiger les billets n’est plus WordPad, mais NotePad++…! Merci pour la découverte ! ça me facilite le boulot (plus besoin de vérifier que mes balises sont fermées…). Sais-tu s’il est possible de limiter le nombre de colonnes de l’affichage..?

  37. LOmiG dit :

    et merci pour le lien au fait, c’est gentil, mais moi je n’ai rien fait ! enfin il y a quand même quelques liens vers de plugins sur mon blog :mrgreen:

  38. [...] La boite à outils du codeur de site web [...]

  39. Florent V. dit :

    Hello,

    Je rajoute ma pierre à l’édifice pour les éditeurs de code: Komodo Edit, de la société ActiveState. http://www.activestate.com/Products/komodo_edit/

    Je te fais l’article rapidement. Alors les plus :

    • multiplateforme (windows, linux, mac);
    • bonne autocomplétion pour CSS (moins bonne pour HTML, pour lequel on gagnera à se faire une «toolbox» sur-mesure);
    • accès en FTP ou SSH à des fichiers distants (lecture/écriture);
    • moteur Firefox intégré pour prévisualisation (mais moins intéressante que chez Coda il me semble);
    • très bonne gestion des encodages et notamment de l’UTF-8 (je sais pas comment tu peux dire que Notepad++ gère ça correctement… en tout cas, pas intuitivement !), du codage des retours chariot, et autres petites subtilités.

    Les moins :

    • un peu lourd à lancer (à mi-chemin entre du léger genre Notepad++ ou Bluefish et du lourd genre Eclipse);
    • pas toujours super stable sous Linux (d’après mon expérience, pas de problème sous Windows);
    • pas spécifiquement orienté HTML donc insertion de balises pas bien facilitée.

    Enfin, ActiveState est en train de libérer ce logiciel : http://www.openkomodo.com/ (disponible en Nightly… pas de version stable pour l’instant).

    Dans la foulée, tu peux rajouter pour Linux l’éditeur Bluefish, qui est souvent cité et a de bons atouts pour les débutants en HTML en plus d’être très sympa d’utilisation. Je l’utilisais sous Linux (et Notepad++ sous Windows) avant de passer au tout Komodo Edit pour garder mes repères d’un système à l’autre. :) http://bluefish.openoffice.nl/

  40. Florent V. dit :

    PS: je pense qu’il faudrait séparer les éditeurs pour Windows et les éditeurs multi-OS. Commence par les multi-OS (en précisant pour chaque logiciel les OS supportés), puis Windows, puis le reste. :)

  41. Bruno Bichet dit :

    @LOmIG > Que tu sois passé de wordpad à notepad++ justifie presque ce billet ;) Je n’ai pas bien saisi ta question concernant la longueur des colonnes, mais au cas où, tu peut aller dans Affichage > retour automatique à la ligne et ensuite diminuer la largeur de la fenêtre ;)

    @Florent V. > Effectivement, ça permettrait de mieux organiser cette section et chacun y retrouverais mieux ses petits. C’est noté, merci ;)

    Edit du 20/02/2008 à 23h26 : je viens tout juste de retrouver ton commentaire présentant Komodo Edit dans le panier à salades ;) (certainement à cause des liens ). Il reprend sa place dans l’espace-temps. En tout cas, merci pour les infos.

  42. Oh Enorme !!! J’ai commencé à tout lire jusqu’à ce que je me rende compte que ca faisait un moment que j’étais sur l’article. Et hop dans mes favoris. Merci pour tous ces liens.

  43. librart dit :

    Super et merci, je complète ma liste de ressources déjà bien longue dont les meilleurs liens sur mon blog bientôt.

    Sinon, ColorCop ( colorcop.net ) est une pipette free sous windows très pratique voire indispensable pour tout graphiste digne de ce nom ! ;)

  44. xk_liber dit :

    Sympa Treeview pour jQuery nan ? ;-) (Je suppose que tu l’as utilisé pour cette liste, sans aller vérifier dans ton code ;-) ).

    Merci pour toutes ces informations super utiles. :)

  45. Bruno Bichet dit :

    @xk_liber > pour la liste, c’est bien du jQuery, mais pas de treeviews, juste un slideToggle classique avec une pincée de css pour afficher le petit triangle ;)

  46. xk_liber dit :

    @Bruno : ah, ok. Bien vu. ;) P-ê que TreeView utilise certains aspects de ces effets alors, car je l’utilise pas mal pour le projet sur lequel je suis à mon boulot et j’y ai reconnu une « patte » commune. :)

  47. Bruno Bichet dit :

    @xk_liber > ce sont certainement les mêmes fonctions vu que slidetoggle par ex. fait partie du « core » de jquery. Je viens de jeter un oeil sur treeview que je ne connaissais pas et qui est vraiment bien fait.

  48. xk_liber dit :

    Ravi de te l’avoir fait découvrir alors. ;)

  49. [...] 22 éditeurs HTML et CSS pour Windows, Mac OS X et Linux [...]

  50. [...] source: article de Bruno Bichet sur css4design [...]

  51. [...] La boite à outils du codeur de site web [...]

  52. [...] » 1000 ressources pour le développement web et WordPress : la grosse grosse liste « css4design : … (tags: wordpress webdesign tools plugin list webmastering php css javascript) [...]

  53. pickupjojo dit :

    Magnifique liste qui m’a permis de remettre la main sur des liens égarés et surtout de découvrir des choses très intéressantes. Merci Bruno ! :)

  54. FredoMkb dit :

    Excellent article, bravo !

    Je voudrais juste donner un petit coup de pouce à un éditeur de code pour Mac que j’utilise au quotidien, il n’est certes pas aussi puissant et complet qu’un TextMate ou qu’un BbEdit, mais il est tout à fait fonctionnel et son utilisation avec Php est vraiment le plus simple que j’ai pu tester jusqu’à présent : Taco Html Edit (http://tacosw.com/).

    Merci pour avoir partagé toutes ces ressources fort utiles !

  55. [...] auteur de l’excellent blog CSS4DESIGN vient de publier une liste très complète de plus de 1000 ressources pour faciliter le développement web avec des éditeurs de CSS, des plugins jquery, des extensions [...]

  56. buddapass dit :

    Salut en effet super article !!!

    M’autorisait tu à publier cet article bien entendu en citant ton site cela va de soi!

    Cordialement .

  57. Bruno Bichet dit :

    @budapass > Je préfère que cette grosse grosse liste qui a demandé un gros gros travail ne soit pas citée intégralement ;)

    Si tu veux, tu peux citer extrait de chaque section, en incitant tes lecteurs à venir visiter la liste complète originale. Tiens-moi au courant !

    @FredoMkb > Merci pour la suggestion de l’éditeur, je regarde ça ;)

    @pickupjojo > Comme on dit : ravi que ça vous playze ;))

  58. David Lafon dit :

    Voilà une liste plus qu’intéressante, très riche dans sa sélection. Elle m’a permis de retrouver quelques liens oubliés… Un gros travail de recherche et d’agrégation de ressources. Bravo !

  59. buddapass dit :

    Salut Bruno , tout bien réfléchi au lieu de citer à chaque fois ton lien je t’ai mis sur toutes mes pages :-)

    Je mets élément par élément ;-)

    ++++

  60. [...] Excellent dossier sur lequel je suis tombé et que je suis en train d’éplucher : ça vient de CSS4DESIGN, c’est signé Bruno Bichet et c’est je pense un incontournable guide pratique du webdesign. Au menu : [...]

  61. [...] » 1000 ressources pour le développement web et WordPress : la grosse grosse liste « css4design : … [...]

  62. Arnaud dit :

    Dans les éditeurs de codes il manque l’excellent Komodo (Komodo edit dans sa version gratuite), après avoir testé plus d’une dizaine d’éditeurs différents c’est celui que j’ai gardé pour sa richesse en fonctionnalités et la très bonne intégration de php & css & xhtml le tout complété par un gestionnaire de projet performant.

  63. Salut à tous,

    @Bruno : Définitivement tu es un OUF :D

  64. [...] » 1000 ressources pour le développement web et WordPress : la grosse grosse liste « css4design : … o nome do link já diz tudo (tags: development css ajax design html javascript programming reference Resources webdesign tools) [...]

  65. [...] » 1000 ressources pour le développement web et WordPress : la grosse grosse liste « css4design : … (tags: wordpress css resources javascript) [...]

  66. [...] 1000 ressources pour le développement web et WordPress : la grosse grosse liste [...]

  67. [...] » 1000 ressources pour le développement web et WordPress : la grosse grosse liste « css4design : … (tags: css free inspiration resources Ressource tools Webdesign jquery) [...]

  68. [...] http://www.css4design.com : 1000 liens utiles pour les développeurs Exporter cette page en pdf. [...]

  69. freak0 dit :

    J’ajouterais geany à la liste des éditeurs de textes pour linux. Plus complet et efficace que gedit, il permet par exemple de plier le code par bloc. Encore plus complet mais pour un bureau KDE, il y a kate.

  70. [...] Css4design : pour finir ce premier billet de ressources webmaster, voici la grosse grosse liste publiée par Bruno Bichet sur son blog : plus de 1000 ressources, javascript, css, wordpress… [...]

  71. [...] Css4design.com avec 1000 ressources pour Wordpress et le développement Web [...]

  72. Greffon "Pubs WP" pour Wordpress (traduction du plugin WP-Ads)…

    Je vous propose une traduction du plugin WP-Ads de Nick Brady. Je l’ai appelé "Pubs WP". Antoine Boucherie a rédigé récemment une présentation de ce plug-in. Téléchargement format ZIP, format RAR, fichier pubswp.php, fichier…

  73. [...] Le premier, c’est sur Css4design : 1000 ressources pour le développement Web et WordPress : la grosse grosse liste [...]

  74. [...] 1000 ressources pour le développement web et WordPress  par cc4design [...]

  75. [...] 1000 ressources pour le développement web et WordPress  par cc4design [...]

  76. Red@ dit :

    Wow , là ca risque d’etre difficile de faire mieux … Bravo et merci !

  77. [...] 1000 ressources pour le développement web et Wordpress [...]

  78. [...] site web, fonctionne-t-il toujours ? Vous avez fait une énorme liste de liens (comme par exemple 1000 ressources pour le développement web et WordPress), ceux-ci fonctionnent-ils encore [...]

  79. pfffffffffou, copieux!c’est du boulot, du beau boulot!

  80. Bruno Bichet dit :

    @romain blachier: Merci ;) Ouais, c’est un peu de boulot de compilation et de mise en forme, mais ça se fait petit à petit ;)

  81. [...] 1000 ressources pour le développement web et WordPress : la grosse grosse liste — Lu 9 763 foisDétourer les cheveux avec Photoshop — Lu 7 919 foisNombre d’or, suite de Fibonacci et autres grilles de mise en page pour le design web — Lu 4 356 foisDesign de formulaire HTML avec CSS — Lu 4 314 foisMenu à onglets avec javascript et css — Lu 3 772 foisExercice de style CSS et HTML : table vs div — Lu 3 122 foisMenu HTML et CSS, sliding doors et item current en PHP — Lu 2 815 foisGoogle de A à Z (bêta) — Lu 2 640 foisDesign CSS liquide (ou fluide) encadré d’images répétées… sans table — Lu 2 524 foisTrucs et astuces CSS — Lu 2 501 foise-commerce : quel E-CMS pour gérer votre boutique en ligne ? — Lu 2 084 foisTutoriel WordPress 2.2 : la sidebar à la loupe, comprendre les widgets et déclarer une "WAR" — Lu 2 081 fois5 Reset CSS à la loupe pour une remise à zéro des valeurs par défaut des navigateurs — Lu 2 055 foisFramework JQuery pour écrire du Javascript non-intrusif — Lu 2 030 foisQuelques notes sur la bibliothèque Javascript IE7 de Dean Edwards — Lu 1 980 fois Partenaires .adHeadline {font: bold 10pt Arial; text-decoration: underline; color: #00008B;} .adText {font: normal 10pt Arial; text-decoration: none; color: #333;} Votre publicité ici ? [...]

  82. createmo dit :

    Thank you for your website ;) I made with photoshop backgrounds for myspace or youtube and ect.. my backgrounds:http://tinyurl.com/5fmh8q have a good day and thank you again!

  83. Dave Lizotte dit :

    PcKULT.NET est aussi un excellent site pour les développeurs du web ; CSS, PHP, ASP, .NET, … tout y est.

  84. coke cleansing drink dit :

    Des informations très intéressantes. J’ai pour la première fois à votre blog et I liked it! Maintenant, je vais aller ici plus souvent!

  85. [...] 1000 ressources pour le développement web et WordPress  par cc4design [...]

  86. ca c’est de la liste utile, bien organisée et bien présentée ! mais que demande le peuple ???

    en tout cas un gros merci, tu nous évite 15h de de recherche GG et de lecture de forums et de commentaires de blogs !!!

  87. Alex dit :

    J’ai ce site qui propose des ressources en web developpement et en référencement Google ;-)

  88. @Alex: pas mal sauf que un article en presque deux ans c’est quand même limite … pas mal de choses ont changé dans le domaine depuis 2007 …

  89. M. dit :

    Je m’étonne qu’on ne parle pas dans cet article de Homesite… qui reste quand meme un des meilleurs éditeurs (a part pour le support de l’UTF-8)

  90. maison de retraite dit :

    @Bruno Bichet: tu as vu, y’en a pour qui la saint valentin est triste … ;-(

  91. Bruno Bichet dit :

    @maison de retraite: ’scuze,j’ai répondu trop vite : j’avais zappé le fait que tu répondais à @Alex… Putain d’hernie discale, ça m’apprendras ^^ Toujours copain ?

  92. @Bruno Bichet: la hernie discale, c’est à cause d’une saint Valentin trop arrosée ??? ah les problèmes de riches … :-)

  93. [...] 1000 ressources pour le développement web avec notament des plugins et sources jquery [...]

  94. LOmiG dit :

    salut, comment tu as fait pour obtenir une liste ul avec des petits onglets pour ouvrir et fermer les listes ??? je cherche ça pour mon blog. Merci d’avance !

  95. O2G dit :

    Super l’article juste j ai remarqué un lien mort a ce post la

    ■59 plugins pour wordpress — liste de plugin avec une brève description en français, via weezonaute.

  96. [...] but not least, voici la partie Wordpress de la grosse grosse [...]

  97. Djoul dit :

    Sympa cette liste de liens :-) Note : Le lien vers smashingcoding est mort :-( une autre adresse vers les sites d’images libres de droit ?

  98. Bruno Bichet, intégrateur HTML & CSS dit :

    Merci pour le lien cassé, je viens de le supprimer

  99. pizard dit :

    Merci. Tu m’as fais découvrir Note-Pad++ et cet éditeur est un véritable petit bijou ! Simple, ergonomique, et la mise en couleur de la syntaxe : super pratique !

  100. sebounet dit :

    Je -te remercie, t’as réussi à ruiner mon année 2010 et mes prochaines années en un post. ;-)

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 4 design 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 - 2009

Contactez l'auteur du site