Vous voulez un bon éditeur de page HTML et CSS, vous cherchez le bon plugin jQuery pour votre projet ou vous êtes tout simplement friand de ressources indispensables pour la création de sites web et vous utilisez WordPress ? 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 !
Table des matières
Vous avez besoin d’un moteur de recherche ? Ctrl + F !
1. La boite à outils du codeur de site web
2. 22 éditeurs HTML et CSS pour Windows, Mac OS X et Linux |
3. Javascript
4. Ressources pour webdesigner
- Webdevelopers Field Guide : 750 liens pour webdesigner
- Extensions Firefox : développement et référencement
- Tester vos pages web dans différents navigateurs
- Monitoring de sites web
- Icônes et goodies pour photoshop
- Tutoriels ou tutoriaux webdesign
- Références, outils et dictionnaires
- Inspiration, expiration…
5. WordPress
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.
Autres éditeurs
- Dreamweaver — Cet éditeur de pages web créé par Macromedia puis racheté par Adobe. 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++ — 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 — 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 — 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 — 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 — 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 — 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 –C’est un éditeur écrit en Java, ce qui lui permet de fonctionner sous toutes les plate-formes.
- 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 — 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 — Toute la puissance de TextMate sur Windows (au point de laisser Mac OS X et switcher sur Windows ?).
- 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. Parmi 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.
- Scribes — C’est un éditeur pour Linux, puissant tout en restant simple et léger.
- gedit — Il s’agit de l’éditeur de texte officiel pour l’environnement de bureau GNOME.
- 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 — L’éditeur manquant ? Sur Windows, en tout cas, c’est sûr 😉
- BBEdit — Si vous êtes Apple Addict.
- 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 — Conçu à la fois pour ne pas effrayer les débutants et satisfaire les utilisateurs avancés.
- cssedit — un très bon éditeur de CSS. Via 64K.
- Coda — Encore un bien joli éditeur de texte et de CSS qui intègre un module de transfert FTP.
Javascript
240 plugins jQuery
Cette magnifique liste provient de Sastgroup.com, trouvé via taggle.org et bizetfamily
Validation de formulaires
- jQuery Validation
- Auto Help
- Simple jQuery form validation
- jQuery XAV – form validations
- jQuery AlphaNumeric
- Masked Input
- TypeWatch Plugin
- Text limiter for form fields
- Ajax Username Check with jQuery
Téléchargement de fichiers
- Ajax File Upload
- jQUploader
- Multiple File Upload plugin
- jQuery File Style
- Styling an input type file
- Progress Bar Plugin
Formulaires — Menu select, etc.
- jQuery Combobox
- jQuery controlled dependent (or Cascadign) Select List
- Multiple Selects
- Select box manipulation
- Select Combo Plugin
- jQuery – LinkedSelect
- Auto-populate multiple select boxes
- Choose Plugin (Select Replacement)
Formulaire de base, Champs texte, cases à cocher, etc.
- jQuery Form Plugin
- jQuery-Form
- jLook Nice Forms
- jNice
- Ping Plugin
- Toggle Form Text
- ToggleVal
- jQuery Field Plugin
- jQuery Form’n Field plugin
- jQuery Checkbox manipulation
- jTagging
- jQuery labelcheck
- Overlabel
- 3 state radio buttons
- ShiftCheckbox jQuery Plugin
- Watermark Input
- jQuery Checkbox (checkboxes with imags)
- jQuery SpinButton Control
- jQuery Ajax Form Builder
- jQuery Focus Fields
- jQuery Time Entry
Heure, date et sélectionneur de couleur
- jQuery UI Datepicker
- jQuery date picker plugin
- jQuery Time Picker
- Time Picker
- ClickPick
- TimePicker
- Farbtastic jQuery Color Picker Plugin
- Color Picker by intelliance.fr
Plugins d’évaluation (rating)
- jQuery Star Rating Plugin
- jQuery Star Rater
- Content rater with asp.net, ajax and jQuery
- Half-Star Rating Plugin
Plugins de recherche
- jQuery Suggest
- jQuery Autocomplete
- jQuery Autocomplete Mod
- jQuery Autocomplete by AjaxDaddy
- jQuery Autocomplete Plugin with HTML formatting
- jQuery Autocompleter
- AutoCompleter (Tutorial with PHP&MySQL)
- quick Search jQuery Plugin
Editeurs en ligne
- jTagEditor
- WYMeditor
- jQuery jFrame
- Jeditable – edit in place plugin for jQuery
- jQuery editable
- jQuery Disable Text Select Plugin
- Edit in Place with Ajax using jQuery
- jQuery Plugin – Another In-Place Editor
- TableEditor
- tEditable – in place table editing for jQuery
Audio, Vidéo, Flash, SVG, etc.
- jMedia – accessible multi-media embedding
- JBEdit – Ajax online Video Editor
- jQuery MP3 Plugin
- jQuery Media Plugin
- jQuery Flash Plugin
- Embed QuickTime
- SVG Integration
Photos — Images– Galleries
- ThickBox
- jQuery lightBox plugin
- jQuery Image Strip
- jQuery slideViewer
- jQuery jqGalScroll 2.0
- jQuery – jqGalViewII
- jQuery – jqGalViewIII
- jQuery Photo Slider
- jQuery Thumbs – easily create thumbnails
- jQuery jQIR Image Replacement
- jCarousel Lite
- jQPanView
- jCarousel
- Interface Imagebox
- Image Gallery using jQuery, Interface & Reflactions
- simple jQuery Gallery
- jQuery Gallery Module
- EO Gallery
- jQuery ScrollShow
- jQuery Cycle Plugin
- jQuery Flickr
- jQuery Lazy Load Images Plugin
- Zoomi – Zoomable Thumbnails
- jQuery Crop – crop any image on the fly
- Image Reflection
Google Map
- jQuery Plugin googlemaps
- jMaps jQuery Maps Framework
- jQmaps
- jQuery & Google Maps
- jQuery Maps Interface forr Google and Yahoo maps
- jQuery J Maps – by Tane Piper
Jeux
- Tetris with jQuery
- jQuery Chess
- Mad Libs Word Game
- jQuery Puzzle
- jQuery Solar System (not a game but awesome jQuery Stuff)
Tableaux, grilles etc.
- UI/Tablesorter
- jQuery ingrid
- jQuery Grid Plugin
- Table Filter – awesome!
- TableEditor
- jQuery Tree Tables
- Expandable “Detail” Table Rows
- Sortable Table ColdFusion Costum Tag with jQuery UI
- jQuery Bubble
- TableSorter
- Scrollable HTML Table
- jQuery column Manager Plugin
- jQuery tableHover Plugin
- jQuery columnHover Plugin
- jQuery Grid
- TableSorter plugin for jQuery
- tEditable – in place table editing for jQuery
- jQuery charToTable Plugin
- jQuery Grid Column Sizing
- jQuery Grid Row Sizing
Graphiques, présentation, etc.
Bordures, coins, fond (background)
- jQuery Corner
- jQuery Curvy Corner
- Nifty jQuery Corner
- Transparent Corners
- jQuery Corner Gallery
- Gradient Plugin
Textes et liens
- jQuery Spoiler plugin
- Text Highlighting
- Disable Text Select Plugin
- jQuery Newsticker
- Auto line-height Plugin
- Textgrad – a text gradient plugin
- LinkLook – a link thumbnail preview
- pager jQuery Plugin
- shortKeys jQuery Plugin
- jQuery Biggerlink
- jQuery Ajax Link Checker
Afficher de l’aide (tooltips)
Menus, navigation
- jQuery Tabs Plugin – awesome! [demo nested tabs]
- another jQuery nested Tab Set example (based on jQuery Tabs Plugin)
- jQuery idTabs
- jdMenu – Hierarchical Menu Plugin for jQuery
- jQuery SuckerFish Style
- jQuery Plugin Treeview
- treeView Basic
- FastFind Menu
- Sliding Menu
- Lava Lamp jQuery Menu
- jQuery iconDock
- jVariations Control Panel
- ContextMenu plugin
- clickMenu
- CSS Dock Menu
- jQuery Pop-up Menu Tutorial
- Sliding Menu
Accordéons, effets « slide » et « toggle »
- jQuery Plugin Accordion
- jQuery Accordion Plugin Horizontal Way
- haccordion – a simple horizontal accordion plugin for jQuery
- Horizontal Accordion by portalzine.de
- HoverAccordion
- Accordion Example from fmarcia.info
- jQuery Accordion Example
- jQuery Demo – Expandable Sidebar Menu
- Sliding Panels for jQuery
- jQuery ToggleElements
- Coda Slider
- jCarousel
- Accesible News Slider Plugin
- Showing and Hiding code Examples
- jQuery Easing Plugin
- jQuery Portlets
- AutoScroll
- Innerfade
Glisser-déposer (Drag and Drop)
XML — XSL — JSON — Feeds
- XSLT Plugin
- jQuery Ajax call and result XML parsing
- xmlObjectifier – Converts XML DOM to JSON
- jQuery XSL Transform
- jQuery Taconite – multiple Dom updates
- RSS/ATOM Feed Parser Plugin
- jQuery Google Feed Plugin
Navigateurs (browsers)
- Wresize – IE Resize event Fix Plugin
- jQuery ifixpng
- jQuery pngFix
- Link Scrubber – removes the dotted line onfocus from links
- jQuery Perciformes – the entire suckerfish familly under one roof
- Background Iframe
- QinIE – for proper display of Q tags in IE
- jQuery Accessibility Plugin
- jQuery MouseWheel Plugin
Alert, Prompt, et fenêtres de confirmation (confirm)
CSS
- jQuery Style Switcher
- JSS – Javascript StyleSheets
- jQuery Rule – creation/manipulation of CSS Rules
- jPrintArea
DOM, Ajax et autres plugins jQuery
- FlyDOM
- jQuery Dimenion Plugin
- jQuery Loggin
- Metadata – extract metadata from classes, attributes, elements
- Super-tiny Client-Side Include Javascript jQuery Plugin
- Undo Made Easy with Ajax
- JHeartbeat – periodically poll the server
- Lazy Load Plugin
- Live Query
- jQuery Timers
- jQuery Share it – display social bookmarking icons
- jQuery serverCookieJar
- jQuery autoSave
- jQuery Puffer
- jQuery iFrame Plugin
- Cookie Plugin for jQuery
- jQuery Spy – awesome plugin
- Effect Delay Trick
- jQuick – a quick tag creator for jQuery Metaobjects
- elementReady
Ressources complémentaires pour jQuery
- jQuery.com — le site officiel pour télécharger et pratiquement tout savoir sur cette biblothèque.
- Liste des plugins sur jQuery.com — Environ 500 plugins classés par catégorie, par nom ou par date.
- jQuery.info — le site francophone pour découvrir et utiliser jQuery avec de nombreux tutoriaux et plugins.
- Visual jQuery — Affiche une la liste des fonctionnalités de jQuery sous forme d’un menu hiérarchique, par exemple : DOM > Attributes > addClass(class) > Description | Returns | Parameters | Example. S’arrête à la version 1.1.2 mais reste intéressant malgré tout.
- Les intégristes — inauguration et introduction à jQuery : une page aussi amusante que didactique 😉
- Balylon-design — 3 étapes pour comprendre jQuery
- jQuery à poil sur Youtube ? C’est possible 😉
Autres frameworks Javascript
- Plus de 50 bibliothèques javascript — Le billet date de novembre 2005, alors attendez-vous quand même à quelques pages 404.
- Prototype — Le framework Javascript qui vise à faciliter le développement d’application web dynamique. Ajoutez-y une pincée de Moo.fx et/ou de Scriptaculous et c’est parti pour des effets en veux-tu en voilà !
- The Yahoo! User Interface Library (YUI) — Cette bibliothèque comprend un jeu d’utilitaires et de contrôles écrits en Javascript pour concevoir des applications hautement interactives en utilisant le DOM, le DHTML et Ajax. Inclut également un framework CSS.
- Ext JS — Cette librairie a débuté comme extension de YUI. Je vous invite à consulter les exemples pour vous faire une idée des fonctionnalités. (Merci à Frank Taillandier pour l’info).
- Dojo Toolkit — Nous promet de grandes aventures pour 23 Ko seulement !
- Mootools — Accompagné de Moo.fx, vos pages deviennent riches.
- Mochikit — Avec Mochikit, le Javascript craint moins 😉
- qooXdoo — La nouvelle ère du développement web.
Ressources pour webdesigner
750 liens pour webdesigner sur Webdevelopers Field Guide
Micro-bloguez, il en restera forcément quelque chose 😉 Merci à burningHat pour m’avoir fourni sur Jaiku cette formidable ressource qui contient à elle seule plus de 750 liens en relation avec le développement web ! dont voici le menu principal :
- inspiration
- web design reading
- typography
- fonts
- color theory
- color tools
- color palettes
- color patterns
- css: reading
- css galleries
- css: layouts
Encore des mines d’or pour la création de sites web :
- WebAppers — Le chasseur de ressources OpenSource pour les développeurs web : des widgets et des scripts pour votre blog ou votre site web, des polices de caractère, des palettes de couleurs, des photographies, des frameworks, etc.
- 13 effets lightbox en Javascript pour afficher des images, des vidéos, des pages html, etc. Contient également quelques plugins WordPress et Dotclear pour en simplifier l’installation.
- Et plus à venir…
Firefox
Les extensions indispensables pour le webdesigner :
- Web Developer — Véritable couteau suisse : vous avez la main sur l’ensemble des éléments de votre page web
- Firebug — Si vous ne deviez qu’en choisir qu’une, Firebug vous permettra d’éditer et de modifier vos CSS à la volée, de visualiser le DOM et de débuguer vos scripts.
- CSSViewer — Affiche les propriétés CSS calculées en affichant un cadre autour de l’élément pris en compte. Très pratique pour voir rapidement la structure d’une page tout en ayant les propriétés sous les yeux. Parfois agaçant à supprimer (F5 ou resélectionner l’utilitaire).
- YSlow — Analyse vos pages web pour en connaitre les goulots d’étranglement, d’après les règles de performances de Yahoo!
- ColorZilla — Sélectionne les couleurs sur votre écran. Possède en grand nombre d’options souvent méconnues pour retrouver vos couleurs dans l’historique ou afficher des palettes de couleurs très complètes.
- FireShot — Faites des captures d’écran tout en annontant, recadrant la partie qui vous intéresse. Le screeshot peut être enregistré sur le disque dur ou copié pour consommation immédiate !
- HTML Validator — indispensable pour s’assurer de la validité de votre page localement au regard des recommandations. Possibilité de choisir le mode de validation : Tidy ou OpenSP tout deux développés par le W3C. Tidy a l’avantage d’inclure les trois niveaux d’accessibilité définis par le WAI.
Les meilleures extensions Firefox pour le référencement ? Voici une liste fortement inspirée par celle de webrankinfo :
- Web Developer
- User Agent Switcher
- Customize Google
- Google Advanced Operations Toolbar
- Cache View
- Goldorank
- Google PageRank Status
- LinkChecker
- Live HTTP Header
- SearchStatus
- MetaTags
- SeoQuake
- Niche Watch Tool
- SEOHAND
- KGen
- Alexa Sparky
Tester vos pages web dans différents navigateurs
On n’a pas toujours l’occasion de pouvoir tester ses pages dans toutes les conditions. Voici quelques liens qui vous permettront de tester le design de votre site dans différents navigateurs. C’est rarement la panacée, mais très pratique pour voir si la mise en page résiste globalement à l’épreuve du feu…
- Browsershots — Possibilité d’avoir une capture d’écran de votre page web sous Linux, Windows, Mac OS et BSD : environ 50 navigateurs toutes versions et plate-formes confondues vous attendent.Choix de la résolution, de la profondeur de couleur, activation ou non de Javascript ou Java ou encore Flash.Délais d’attente raisonnable selon l’heure et le nombre d’options activées. Traduit en français.
- Scapture — Propose d’effectuer très rapidement des captures d’écran de vos pages Web sous Linux avec Firefox, Konqueror, Opera ou Dillo. Vous pouvez aussi vérifier l’affichage généré par les navigateurs en mode texte Lynx et Links.
- BrowsrCamp — Permet de tester vos pages sous Safari pour Mac OS X. Possibilité d’avoir la main sur une machine Apple équipé de tous les navigateurs pour Mac. Payant, mais idéal pour tester tous les aspects d’une page web (Javascript, Ajax, Flash, DHTML), à partir de 3$.
- NetRenderer — Vous permet de vérifier le rendu de vos pages web sur Internet Explorer 7, 6 ou 5.5, de manière très rapide. Il est possible de superposer les screenshot de IE7 sur IE6 en les mixant ou en en faisant la différence. Ce dernier mode est efficace pour visualiser rapidement les décalages des blocs.
Monitoring de sites web
94 outils pour monitorer son blog trouvés chez Christophe dont voici un échantillon :
- SEOmoz Page Strength Tool — Le PageRank ne vous donne plus satisfaction ? Ce site se proposse un outil pour calculer la “puissance” de votre page en prenant plusieurs facteurs en considération : l’âge du domaine, le rank Alexa, le nombre de liens entrants d’après Technorati, le nombre de fois où votre site apparait dans del.icio.us, s’il est présent dans l’annuaire DMOZ ou Wikipedia et bien sûr le PageRank du domaine, mais aussi le nombre de liens pointant vers le domaine d’après yahoo! Site Explorer.
- Meta Tag Analyzer — Comme son nom ne l’indique pas assez, se site vous donne la liste des mots-clés trouvés dans les liens et le nombre de fois où ils apparaissent ; les mots-clé présents dans les balises alt de vos images et ceux trouvés sur la page avec le nombre de fois où ils sont présents et leur densité par rapport aux autres.
- IminR — Un outil de mesure d’audience web personnalisé, proposé par Stéphane Guerin aussi bien – sinon mieux – que Google Analytics : rapports personnalisés, parcours de votre site par les visiteurs, etc. A tester d’urgence !
- HeatMap — Pour savoir quelles zones de votre sites sont les plus cliquées.
Icônes et goodies pour photoshop
- Silk Web Icons de FamFamFam — Souvent imité jamais égalé, le pack à télécharger d’urgence.
- IconBase — Des milliers d’icônes pour tous les goût de très bonnes qualités et classées.
- nerdbusiness — Pas moins de 5978 icônes de qualité pour agrémenter vos pages web. Petit coucou à Sonia de Webfruits en passant 😉
- WebsiteIcons — Environ 1000 icônes classées par thème : navigation, flèches (plus de 500), applications, hardware, CMS, calendrier, rechercher, compte, etc.
- PIXELGIRL PRESENTS — Des centaines d’icônes proches du clip-art classées par thème.
- Feed Icons — Tout ce qu’il faut savoir sur les icônes pour signaler vos flux RSS : téléchargement des icônes au format .psd de Photoshop ou .ai d’Illustrator ; exemples de style CSS pour les intégrer dans votre site ou votre blog et guide d’utilisation.
- Svay — 46 icônes pour le web de bonne facture .
- N.DESIGN Studio — Plus de 320 icône en 14×14 avec fond transparent tout spécialement conçues pour vos menus de navigation.
- IconsPedia — Nombreuses icônes de qualité classées par thèmes. Un mauvais moment à passer avec la pub un peu envahissante à chaque changement de rubrique.
- Dezignus — Des icônes sur pratiquement tous les thèmes. Dezignus est aussi une ressource intéressante pour tous ce qui se rapproche du design au sens large : brushes pour Photoshop, tutorials pour Illustrator, photographies aussi diverses qu’utiles, etc.
- WebAppers — Des liens vers des milliers d’icônes très classes pour tous les usages.
- Speckyboy — nous propose une liste de 40 ressources d’icônes libres de droits.
- Hongkiat — la liste ultime d’icônes pour vos flux RSS.
- Smashing Magazine — 35 sets d’icônes vraiment incroyables. Via fran6art.
- Hybridworks –Set de 35 icônes au format `.ico` et `.png` (128×128) dans le plus pur style japonais : élaborée et détaillée. Très classe.
- Naldz Graphics — 300 brosses (brushes) abstraites pour Photoshop.
- Icon Finder — Moteur de recherche parmi 113 000 icônes et 238 collections d’icônes par mots-clés.
Tutoriels ou tutoriaux webdesign
- Webdesign tutoriaux — Plus de 1000 tutoriels pour Illustrator, Photoshop, PHP, XHTML et CSS, The Gimp, Dreamweaver, Fireworks, Flash.
- Babylon Design — Plus de 100 ressources autour de Photoshop et du couple XHTML/CSS
- ELITWORK — Nombreux tutoriels XHTML, référencement, Ajax, Webalizer, Microformats. Des informations pertinentes malgré un partis-pris en faveur des espaces de nommage XML au détriment des microformats, par exemple.
- TUTMARKS.com — Un digg-like spécialisé dans les tutoriaux ? Vous en rêviez ? Mehdi l’a fait. Très nombreux tutos sur à peu près tout les sujets liés au web. Un flux RSS par statut des propositions (tutoriaux publiés, en attente) est disponible, ainsi que le flux de tous les tutoriels proposés
- SmashingCoding — Plus de 60 tutoriels Web Design 2.0.
Références, outils et dictionnaires
Cette grosse liste ne serait pas complète dans les sites de références que 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 m’on été founis en commentaires :
- 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.
- Guide HTML — Le HTML de A à Z de Laurent Bernat : 95 balises HTML décrites par le menu (version, compatibilité Netscape / IE, type, attributs, usage, exemples) (Merci Loïc M.)
- 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.
- Wiki Media Box — Pour obtenir une présention claire (succinte ?) d’une propriété CSS et sa compatiblité avec les navigateurs, c’est nickel (Merci Pierre le Bot),
- Leftlogic — Permet de voir le code html d’un caractère, pratique lorsqu’on cherche le code pour ñ par exemple (Merci Anthony),
- 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 (Florent V. sous souffle dans l’oreillette que l’on peut y accéder via le portail lexical du Centre national de ressources textuelles et lexicales.
Inspiration, expiration…
Section inspirée (ça tombe bien) par e-likko :
- typeish — Sélection serrée d’images inspirantes, provoquantes ou intoxicantes dans le domaine de la photographie, du design, des polices de caractère, de l’art, de la mode ou du packaging.
- Kalle Gustafsson — Très belle photos de mode, beauté, magazine et voyage.
- FFFFOUND! — Véritable mine d’or, ce site bookmark des milliers de visuels de toute sorte. Un bol d’air frais à inspirer régulièrement !
- Et plus à venir…
WordPress
Plugins pour WordPress
Listes quasi-officielles
- A tout seigneur tout honneur : voici une liste de plus de 400 plugins compatibles avec WordPress 2.3 disponible sur le codex.
- La liste des plugins chez WordPress Francophone classés par thème.
- Autre liste organisée par rubrique sur wp-plugin.
17 plugins AdSense pour WordPress
Cette liste concoctée par Aziz Haddad a été soigneusement annotée sur Mashable France
- Adsense Deluxe
- AdSense Widget for WordPress Sidebar
- Shylock AdSense
- Adsense Injection
- AdMan
- AdSense Manager
- AdRotator
- AdSense Attachment
- MightyAdsense
- Google Ad Wrap
- Adsense Inline
- Adsense Beautifier
- Author Adsense
- Author Adsense MU plugin
- AdSense Sharing Revenue and Earnings System
- Adsense Earnings WordPress Plugin
- WP-AdsenseProfit
7 Plugins WordPress pour favoriser les commentaires
Trouvé grâce à legizz, la liste est abondamment commentée sur problogdesign
- nicedit
- wp-ajax-edit-comments
- Abonnement subscribe-to-comments
- wordpress-recent-comments-plugin-widget
- Smilies
- nofollow-free
- MBLA
10 Plugins WordPress pour Twitter
Traduit vite fait d’après la liste de quickonlinetips aimablement fournie par legizz 😉
- Twitter Badge — Le code Javascript officiel pour afficher votre statut Twitter
- The Twitter Updater — Ce plugin WordPress se charge de mettre à jour votre statut Twitter chaque fois que créez, publiez ou éditez un billet.
- TwitThis –Permet à vos visiteurs d’envoyer facilement un tweet à propos de votre blog. Un click sur le bouton TwitThis tinyURLise la page en cours pour leur permettre d’envoyer ce raccourcis à leurs followers.
- Twitter Tools — Ce plugin crée une passerelle entre votre compte Twitter et votre blog : affichez vos tweets sur votre blog et créez de nouveaux tweets depuis WordPress.
- Twitter WordPress Sidebar Widget — Personnalise le nombre d’updates présent dans votre sidebar ainsi que les liens pointant sur chaque update sur Twitter.
- Twitter Feed — Publie vos mises à jour sur votre compte Twitter. Connection à Twitterfeed avec votre identifiant OpenID, fournit l’adresse de votre flux RSS et la fréquence des mises à jours sur Twitter.
- Twitt-Twoo — Petit plugin tout simple qui vous permet d’envoyer vos tweets depuis votre blog, le tout avec un brin d’Ajax pour faciliter le travail.
- SimpleTwitter — Ce plugin vous permettra d’ajouter facilement vos messages Twitter dans votre template WordPress.
- Twitter Sharts — Affichez vos updates où vous voulez dans vos billets ou vos pages WordPress.
- RSS to Twitter — Ce script PHP nourrit Twitter avec votre flux RSS.
Vrac de plugins pour WordPress
- La liste de PapyGeek est très bien commentée.
- F-WPPlugins list: les 14 plugins WordPress les plus utilisés dans la blogosphère francophone, chez fran6art
- La bonne liste de calyptratus où j’ai trouvé le plugin pour afficher la liste des plugins actifs sur votre blog.
- Encore une liste intéressante chez Marin Gatellier.
- La liste de plugin de l’éclaireur pour stimuler WordPress.
- Installez PluginMeter de ZeFranck, et participez à la constitution d’une liste de l’ensemble des plugins installés dans le monde en temps réel !
- Et pour finir, voici la section plugin du forum WordPress francophone.
- 59 plugins pour wordpress — liste de plugin avec une brève description en français, via weezonaute.
Thèmes pour WordPress
- SmashingMagazine — 100 thèmes gratuits de qualité pour WordPress, ainsi que 83 jolis thèmes que vous avez probablement manqués, et pour finir, 10 thèmes très frais et élégant au service de la lisibilité de votre contenu. Via DyBlog et blomig ;).
- Et plus à venir…
C’est déjà fini ?
Cette liste est loin de faire le tour de la question, alors n’hésitez pas à intervenir pour partager les liens qui vous servent le plus dans votre pratique du développement ou du design web. Je prendrais soin d’ajouter vos suggestions au fur et à mesure.
NB: « NVU est mort, vive Kompozer »
http://www.framasoft.net/article2243.html
et
http://www.kompozer.net/
Merci, c’est corrigé 😉
De rien 😉
Et une liste de plus à bookmarker, une !
Merci ^^
elle est enorme cette page. s’il yavait un moyen de ‘deliciouser’ tous les liens de cette page, ce serait merveilleux !
merci !
Super merci à toi, je prendrais le temps de lire car là on est gâté, c’est complet 😉
Ca, c’est cool ! Merci à toi ! Je bookmark au chaud.
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é !
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.
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é 🙂
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/
@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 😀 J’ai également ajouté Ext JS.
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 😉
@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 😉
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
@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.
@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 😉
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?
@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…
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.
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.
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.
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 😀
mais nan c’est très bien comme ça 🙂
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
Dans le monde Windows / multi-plateforme: Pour l’intégration FTP/SFTP/CVS/Subversion => Eclipse pardi ! 😀 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
Cité deux fois dans un article, cool 🙂
@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 😀
@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 ^_^
salut Bruno,
merci beaucoup pour cet article de synthèse super bien fait…
Je vais aller y fouiner pour trouver mon bonheur !
à bientôt !
@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é 😀
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
@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 😀
Je vais jeter un oeil sur le site de SciTE…
Salut
Pour e-textEditor il faut préciser que c’est un logiciel payant 35$ 😉
Encore merci pour cette liste
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)
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
@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à ! 😀
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 🙂
@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 😉
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..?
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
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/
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. 🙂
@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.
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.
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 ! 😉
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. 🙂
@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 😉
@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. 🙂
@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.
Ravi de te l’avoir fait découvrir alors. 😉
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 ! 🙂
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 !
Salut en effet super article !!!
M’autorisait tu à publier cet article bien entendu en citant ton site cela va de soi!
Cordialement .
@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 ;))
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 !
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 😉
++++
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.
Salut à tous,
@Bruno : Définitivement tu es un OUF 😀
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.
Wow , là ca risque d’etre difficile de faire mieux … Bravo et merci !
pfffffffffou, copieux!c’est du boulot, du beau boulot!
@romain blachier: Merci 😉 Ouais, c’est un peu de boulot de compilation et de mise en forme, mais ça se fait petit à petit 😉
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!
PcKULT.NET est aussi un excellent site pour les développeurs du web ; CSS, PHP, ASP, .NET, … tout y est.
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!
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 !!!
J’ai ce site qui propose des ressources en web developpement et en référencement Google 😉
@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 …
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)
@Bruno Bichet: tu as vu, y’en a pour qui la saint valentin est triste … ;-(
@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 ?
@Bruno Bichet: la hernie discale, c’est à cause d’une saint Valentin trop arrosée ??? ah les problèmes de riches … 🙂
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 !
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.
Sympa cette liste de liens 🙂
Note : Le lien vers smashingcoding est mort 🙁
une autre adresse vers les sites d’images libres de droit ?
Merci pour le lien cassé, je viens de le supprimer
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 !
Je -te remercie, t’as réussi à ruiner mon année 2010 et mes prochaines années en un post. 😉
Merci de votre billet fort intéressant. Il est assez difficle de trouver un bon éditeur de page HTML et CSS donc cet article est parfait et tombe à pic. J’ai une entreprise qui vise à la création de sites web donc je suis à la recherce d’outils qui vont me simplifier la vie. J’ai du formater un disque dur il n y a pas longtemps et ça a été assez difficile donc les articles comme les votres sont toujours les bienvenus même si la tâche paraît facile au premier abord. J’utilise aussi pas mal WordPress…en tout cas bravo un super article avec pleins de ressources vraiment utiles.
Merci pour cette article !
Sacré liste de ressources pour les développeurs, et le rapport qualité / quantité est très acceptable 🙂
Waaaouh, cette liste est monstrueusement impressionnante et longue! Je cherchais des ressources sur Jquery et je tombe sur une montagne de ressources : je vais en avoir pour des semaines à parcourir tous ces liens. Au moins je sais que je vais trouver mon bonheur ici.
Un grand merci pour cette liste de liens qui va m’être d’une grande aide dans mes projets, et félicitation pour le temps que vous y avez consacré!
Biggizi le graphiste freelance — Merci, sinon, j’ai fait une autre liste avec des ressources Javascript et jQuery en particulier sur http://css4design.com/139-ressources-javascript-et-jquery en provenance de http://js4design.com 😉
Bonjour Bruno ,
Est ce que cette article est mis à jour annuellement ? elle est toujours d’actualités ou un peu HasBeen ?
Saugrin Sonia — Salut, je corrige les liens de temps en temps quand un lien ne mène plus nulle part (et si on me prévient). Sinon, je fait des billets plus spécifiques comme http://css4design.com/editeurs-html-wysiwyg ou http://css4design.com/139-ressources-javascript-et-jquery
Vraiment énorme, on en sait plus ou donner de la tête tellement c’est monstrueux. Superbes ressources !
Merci pour le partage.
To send rss to twitter try looking at http://bncscripts.com/bnc-automatic-rss-to-twitter-php-script/ that’s what I use