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

Cet article est composé de plusieurs chapitres. Cliquez sur chap. pour accéder à la suite.

chap. 1 chap. 2 chap. 3 chap. 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)

  1. 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.
  2. 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++…
  3. 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)
  4. 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).
  5. 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.
  6. 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.
  7. 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.
  8. 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 !
  9. Jedit

    Jedit –C’est un éditeur écrit en Java, ce qui lui permet de fonctionner sous toutes les plate-formes.
  10. 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.
  11. 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 !
  12. E-Texte Editor

    E Texte Editor — Toute la puissance de TextMate sur Windows (au point de laisser Mac OS X et switcher sur Windows ?).
  13. 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

  1. Scribes

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

    gedit — Il s’agit de l’éditeur de texte officiel pour l’environnement de bureau GNOME.
  3. 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+

  1. TextMate

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

    BBEdit — Si vous êtes Apple Addict.
  3. 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.
  4. Smultron

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

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

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

Javascript »

chap. 1 chap. 2 chap. 3 chap. 4

Cet article est composé de plusieurs chapitres. Cliquez sur chap. pour accéder à la suite.

Tags : , , , , , , , , , ,
Publié le 8 février 2008 par Bruno Bichet.


Ca peut vous intéresser »


62 participations à l'article

  1. 1 burningHat a parlé le 8 février 2008 à 16:37 | Permalien Reply to this comment

    NB: “NVU est mort, vive Kompozer”

    http://www.framasoft.net/article2243.html

    et

    http://www.kompozer.net/

  2. 2 Bruno Bichet a parlé le 8 février 2008 à 16:46 | Permalien Reply to this comment

    Merci, c’est corrigé ;)

  3. 3 burningHat a parlé le 8 février 2008 à 17:25 | Permalien Reply to this comment

    De rien ;)

  4. 4 leGizz a parlé le 8 février 2008 à 18:10 | Permalien Reply to this comment

    Et une liste de plus à bookmarker, une !

    Merci ^^

  5. 5 gabyu a parlé le 8 février 2008 à 18:19 | Permalien Reply to this comment

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

    merci !

  6. 6 shao69 a parlé le 8 février 2008 à 18:20 | Permalien Reply to this comment

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

  7. 7 Gilles a parlé le 8 février 2008 à 18:20 | Permalien Reply to this comment

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

  8. 8 lebaron a parlé le 8 février 2008 à 18:26 | Permalien Reply to this comment

    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é !

  9. 9 p4bl0 a parlé le 8 février 2008 à 21:06 | Permalien Reply to this comment

    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.

  10. 10 p4bl0 a parlé le 8 février 2008 à 21:09 | Permalien Reply to this comment

    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é :-)

  11. 11 Frank Taillandier a parlé le 8 février 2008 à 21:18 | Permalien Reply to this comment

    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/

  12. 12 Bruno Bichet a parlé le 8 février 2008 à 22:26 | Permalien Reply to this comment

    @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.

  13. 13 shao69 a parlé le 8 février 2008 à 22:56 | Permalien Reply to this comment

    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 ;-)

  14. 14 Bruno Bichet a parlé le 8 février 2008 à 22:58 | Permalien Reply to this comment

    @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 ;)

  15. 15 Olivier Duffez (WRI) a parlé le 8 février 2008 à 23:27 | Permalien Reply to this comment

    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

  16. 16 Bruno Bichet a parlé le 8 février 2008 à 23:46 | Permalien Reply to this comment

    @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.

  17. 17 Bruno Bichet a parlé le 8 février 2008 à 23:50 | Permalien Reply to this comment

    @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 ;)

  18. 18 shao69 a parlé le 8 février 2008 à 23:51 | Permalien Reply to this comment

    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?

  19. 19 Bruno Bichet a parlé le 9 février 2008 à 0:02 | Permalien Reply to this comment

    @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…

  20. 20 social media sites a parlé le 9 février 2008 à 12:06 | Permalien Reply to this comment

    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/deta.....ehotels.in business.

  21. 21 Sébastien Delorme a parlé le 9 février 2008 à 13:18 | Permalien Reply to this comment

    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.

  22. 22 Frank Taillandier a parlé le 9 février 2008 à 13:29 | Permalien Reply to this comment

    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.

  23. 23 redpeppers - audrasj a parlé le 9 février 2008 à 16:10 | Permalien Reply to this comment

    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 :)

  24. 24 Le Détracteur a parlé le 10 février 2008 à 7:36 | Permalien Reply to this comment

    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
  25. 25 burningHat a parlé le 10 février 2008 à 20:02 | Permalien Reply to this comment

    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

  26. 26 leGizz a parlé le 10 février 2008 à 20:43 | Permalien Reply to this comment

    Cité deux fois dans un article, cool :)

  27. 27 Bruno Bichet a parlé le 10 février 2008 à 21:12 | Permalien Reply to this comment

    @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 ^_^

  28. 28 LOmiG a parlé le 11 février 2008 à 9:11 | Permalien Reply to this comment

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

  29. 29 burningHat a parlé le 11 février 2008 à 9:53 | Permalien Reply to this comment

    @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

  30. 30 bruno bichet a parlé le 11 février 2008 à 10:08 | Permalien Reply to this comment

    @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…

  31. 31 shao69 a parlé le 11 février 2008 à 10:27 | Permalien Reply to this comment

    Salut

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

  32. 32 vincenzo a parlé le 11 février 2008 à 13:03 | Permalien Reply to this comment

    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)

  33. 33 Vincent Voyer a parlé le 11 février 2008 à 13:29 | Permalien Reply to this comment

    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

  34. 34 burningHat a parlé le 11 février 2008 à 14:35 | Permalien Reply to this comment

    @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

  35. 35 DaSayan a parlé le 14 février 2008 à 9:01 | Permalien Reply to this comment

    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 :)

  36. 36 Bruno Bichet a parlé le 14 février 2008 à 10:02 | Permalien Reply to this comment

    @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 ;)

  37. 37 LOmiG a parlé le 15 février 2008 à 8:39 | Permalien Reply to this comment

    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..?

  38. 38 LOmiG a parlé le 15 février 2008 à 8:40 | Permalien Reply to this comment

    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:

  39. 39 Florent V. a parlé le 18 février 2008 à 0:34 | Permalien Reply to this comment

    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. 40 Florent V. a parlé le 18 février 2008 à 2:35 | Permalien Reply to this comment

    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. 41 Bruno Bichet a parlé le 18 février 2008 à 3:39 | Permalien Reply to this comment

    @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. 42 Galaxy Rangers a parlé le 19 février 2008 à 18:57 | Permalien Reply to this comment

    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. 43 librart a parlé le 28 février 2008 à 22:17 | Permalien Reply to this comment

    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. 44 xk_liber a parlé le 2 mars 2008 à 12:20 | Permalien Reply to this comment

    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. 45 Bruno Bichet a parlé le 2 mars 2008 à 16:17 | Permalien Reply to this comment

    @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. 46 xk_liber a parlé le 2 mars 2008 à 17:36 | Permalien Reply to this comment

    @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. 47 Bruno Bichet a parlé le 2 mars 2008 à 20:11 | Permalien Reply to this comment

    @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. 48 xk_liber a parlé le 2 mars 2008 à 20:22 | Permalien Reply to this comment

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

  49. 49 pickupjojo a parlé le 24 avril 2008 à 13:56 | Permalien Reply to this comment

    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 ! :)

  50. 50 FredoMkb a parlé le 24 avril 2008 à 16:24 | Permalien Reply to this comment

    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 !

  51. 51 buddapass a parlé le 29 avril 2008 à 17:19 | Permalien Reply to this comment

    Salut en effet super article !!!

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

    Cordialement .

  52. 52 Bruno Bichet a parlé le 29 avril 2008 à 20:17 | Permalien Reply to this comment

    @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 ;))

  53. 53 David Lafon a parlé le 30 avril 2008 à 10:00 | Permalien Reply to this comment

    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 !

  54. 54 buddapass a parlé le 1 mai 2008 à 11:54 | Permalien Reply to this comment

    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 ;-)

    ++++

  55. 55 Arnaud a parlé le 2 mai 2008 à 1:12 | Permalien Reply to this comment

    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.

  56. 56 alex de réf blog a parlé le 3 mai 2008 à 11:30 | Permalien Reply to this comment

    Salut à tous,

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

  57. 57 freak0 a parlé le 22 mai 2008 à 14:15 | Permalien Reply to this comment

    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.

  58. 58 Red@ a parlé le 4 août 2008 à 18:39 | Permalien Reply to this comment

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

  59. 59 romain blachier a parlé le 19 août 2008 à 8:06 | Permalien Reply to this comment

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

  60. 60 Bruno Bichet a parlé le 19 août 2008 à 9:55 | Permalien Reply to this comment

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

  61. 61 createmo a parlé le 2 novembre 2008 à 15:39 | Permalien Reply to this comment

    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!

  62. 62 Dave Lizotte a parlé le 11 novembre 2008 à 20:43 | Permalien Reply to this comment

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

23 Trackbacks

  1. Par Pour Blogs « FireFox le 13 février 2008 à 2: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 [...]

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

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

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

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

  6. Par links for 2008-04-22 « Mogore le 22 avril 2008 à 18:31

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

  7. Par 1000 ressources pour de développement web le 28 avril 2008 à 21:47

    [...] 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 [...]

  8. [...] 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 : [...]

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

  10. [...] » 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) [...]

  11. Par links for 2008-05-04 « toonz le 5 mai 2008 à 1:36

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

  12. Par Net en Vrac - n° 24 | La Geek Attitude le 9 mai 2008 à 22:27

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

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

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

  15. [...] 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… [...]

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

  17. Par Blogue personnel de Mathias Poujol-Rost le 19 juillet 2008 à 21:32

    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…