
PsPad et son explorateur de code très intuitif...

Webdeveloper s'il fallait conserver une seule extension Firefox, ce serait sans nul doute celle-ci.

La création de site internet, ça commence avec de bons outils...
Dans cette section, vous retrouverez une sélection d'applications libres et/ou gratuites orientées vers la création de site internet dans l'objectif d'en réduire le coût (que vous soyez profesionnel ou particulier). La plupart des logiciels propriétaires se distinguent certes par leurs fonctionnalités avancées et leur ergonomie étudiée mais malheureusement également par le prix, ce qui les rend bien souvent quasi inaccessibles au grand public. Comme d'autres, je me suis penché sur le problème depuis un certain temps déjà et ma démarche d'orienter ma production personnelle vers des applicatifs libres m'a conforté dans mon idée de départ, à savoir qu'il est, aujourd'hui possible de travailler à des coûts raisonnables. L'intérêt d'une telle démarche n'est pas de détrôner les grands classiques du marché mais de présenter une façon alternative de travailler sans restriction budgétaire.
NB : Les commentaires et appréciations ci-dessous n'engagent que moi, c'est la raison pour laquelle
je me contenterai d'exposer les produits qui ont retenu mon attention et non ceux qui m'ont
déplu.
Préambule :
Une petite mise au point avant de rentrer dans les détails.
Je distingue quatre catégories d'applications déterminée bien évidemment selon mes "critères personnels" :
-
Les applications graphiques
-
Intégration (Editeurs HTML et logiciels de programmation. Il s'agit d'applications de montage de vos pages web)
-
Applications périphériques (ils sont le compléments des logiciels principaux pour combler quelques carences de fonctionnalité)
-
Utilitaires (Cette section est un peu à part, les logiciels qui y sont présentés ne sont pas indispensables, il participent uniquement à l'amélioration de votre environnement de travail, certains les trouveront très utiles et d'autres complètement obsolètes, c'est au jugé de chacun)
Les applications graphiques
The Gimp
-
Une alternative crédible à Photoshop
-
Gimp, pour ceux qui ne connaissent pas (ils sont de plus en plus rares) il s'agit d'une sorte de Photoshop... libre. Le logiciel a ses adeptes et ses détracteur mais n'en reste pas moins une belle réussite permettant aux graphistes de s'affranchir des applications propriétaires coûteuses
Télécharger une version Française sur Gimp-fr.org
D'autres applications graphiques du même style ont vu le jour, je pense notamment au très convivial Paint.NET qui utilise le framework de Microsoft.
Intégration
PsPad
-
le bloc-note le plus complet pour l'édition des pages html
-
Cette application est extraordinnaire tellement elle regorge de fonctionnalités ! Il est vrai qu'il était grand temps de penser à tous ceux qui montent leurs pages web (ce site en est un exemple) au bloc-note (avec les nombreux inconvénients pratiques que cette méthode entraîne...). D'autres outils très pratiques ont vu le jour ces dernières années tels le très puissant éditeur HTMLKit ou bien encore le très apprécié Notepad++ dans la catégorie des GNU. Les points génialissimes de PsPad sont les suivants : navigation par onglet (je pense que c'est élémentaire, tout le monde en conviendra), le lien avec l'editeur de feuilles de style Topstyle Lite (car tous ceux qui composent au bloc note utilisent bien évidemment les css), la palette des couleurs, la table ASCII et ses entités numériques et html, l'iconification des éléments de page (voir screenshot 1)...
Lien vers le site de l'auteur : www.pspad.com
Quelques atouts à la volée
- Détection automatique du code de la page (à la fois code de caractères ET langage de programmation utilisé)
- Coloration syntaxique mixte PHP/Html (les 2 en même temps)
- Conversion simple de caractères (ex : "é" devient "é")
- Explorateur de code : Fonctions listées sur le côté
- Recherche / remplacement dans un fichier ou dans tous les fichiers d'un dossier
- Explorateur integré avec dossiers "favoris"
- Générateur de Lorem Ipsum
- Excellent système de traitement de lignes (ex : rajouter ";" à la fin de toutes les lignes sélectionnées)
- Palette de couleur et pipette integrés
- Outil "trouver la parenthèse/accolade complémentaire"
- Navigation entre les fichiers par onglets
- Autocompletion de code automatique
- Rapiditié
- Editeur HEXA
- D'un clic on peut ouvrir tous les fichiers sytèmes
- Gère une quantité IMPRESSIONANTE de langages dès le début.
- Topsytyle lite (gratuit) intégré après téléchargement( éditeur CSS très réputé )
- Gesionnaire de projets
- Des options par dizaines
- Paramètrage des raccourcis claviers
- Serveur FTP intégré
- Explorateur intégré dans lequel on peut choisir la taille de l'écran
- Navigateur interne supportant APACHE (pratique pour le php )
- Taille illimitée des textes
- Possibilité de changer la casse des balises
- Editeur de macros
- Session intégrée (les fichiers lors de la fermeture seront réouverts lors de la prochaine reouverture )
- Comparateur de textes
- On peut surligner plusieurs langages différents à l'intérieur d'un même fichier avec leur propre highligner
- Compresseur HTML
- Possibilité de multisession pour XP
- Possibilité de réduire dans le TASKTRAY
- Moteur de recherche GOOGLE intégré
- Pipette pour capturer les couleurs avec palette très complète
- Fenêtre pour executer commandes DOS
Firefox, plus qu'un navigateur : un véritable outil de développement
-
La puissance des extensions
-
Firefox s'est démarqué du poids lourd qu'on connait bien en perpétuant ce qui avait fait de Netscape son principal intérêt à mon goût : la navigation par onglets ! A cela sont venus se greffer d'autres arguments tels que la sécurité et la confidentialité (entre autres). La facette GNU (logiciel libre) a d'autant plus séduit les développeurs qui ont trouvé chez Mozilla une façon d'utiliser l'outil comme une véritable application enrichie de toutes sortes de fonctionnalités. Les développeurs de site internet le savent bien, il est désormais possible de se passer de la quasi intégralité des produits existants (eux aussi des poids lourds du genre) grâce à la fondation Mozilla !!!
L'article suivant "Développez vos pages avec Mozilla Firefox" le démontre aisément.
Pour le développement HTML, PHP , CSS, Flash... :
WebDeveloper : http://chrispederick.com/work/web-developer/
Total Validator : http://www.totalvalidator.com/tool/extension.html
X-Ray : http://www.designmeme.com/xray/
Firebug : http://www.getfirebug.com/
Aardvark : http://karmatics.com/aardvark/
CacheStatus : https://addons.mozilla.org/addon.php?id=1881
Console 2 : http://console2.mozdev.org/index.html
FireFTP : http://fireftp.mozdev.org/
FlashSwitcher : http://www.sephiroth.it/
Link Checker : http://www.kevinfreitas.net/extensions/linkchecker/
HTML Validator : http://users.skynet.be/mgueury/mozilla/
AddNEdit Cookies : http://addneditcookies.mozdev.org/
Server Switcher : http://hermann.czedik.net/
UserAgent Switcher : http://chrispederick.com/work/useragentswitcher/
Pour le référencement :
SEO for Firefox : http://tools.seobook.com/
SEOpen : https://addons.mozilla.org/fr/firefox/addon/570
Rankquest Toolbar : http://www.rankquest.com/
Goldorank : http://www.websiteburo.com/goldorank
SearchStatus : http://www.quirk.biz/searchstatus/
Autres extensions très utiles :
DownThemAll : http://www.downthemall.net/
Panneau de traduction : http://www4.pf-x.net/~nazodane/
Organize StatusBar : http://yellow5.us/firefox/osb/
PDF Download : http://www.pdfdownload.org/
Launchy : http://gemal.dk/mozilla/launchy.html?project=launchy
Del.icio.us Bookmarks : https://addons.mozilla.org/fr/firefox/addon/3615
Sothink SWFCatcher : http://www.sothink.com/product/swfcatcher/firefox
SpiderZilla : http://spiderzilla.mozdev.org/
GmailManager : http://www.longfocus.com/firefox/gmanager/
GUtil : http://www.gridpulse.com/gutil/
PojectWhois : http://www.projectwhois.org/
Applications périphériques
FileZilla
-
Un logiciel de transfert simple et efficace
-
Que dire de plus sur une application dont la définition tiens dans le titre. FileZilla est un logiciel libre et léger. Indispensable !
Le site officiel de FileZilla
En combinaison avec FileZilla, j'utilise également pour ma part la version gratuite de SyncBack (SE), dont la fonction principale est de pouvoir synchroniser deux répertoires qu'ils soient locaux ou distants grâce à une configuration FTP très avancée avec filtrage des fichiers par extensions, des répertoires... Une alternative à la fonctionnalité du gestionnaire de site de Dreamweaver.