Un développeur Front-end (et pas que) a pas mal d'outils, qu'il découvre tout au long de son parcours. Je vais vous faire une petite liste de ceux que j'utilise, avec leurs avantages et inconvénients.
Tout d'abord, je suis développeur Front. Je n'utiliserais pas forcément les mêmes outils qu'un développeurs back-PHP, back-Java etc.

Mes éditeurs de texte

Je n'ai pas besoin d'outils-usine à gaz-IDE comme Eclipse. Eclipse n'est, selon moi, pas du tout adapté pour un développeur Front-End.

ST3

Mes plugins: 1337 Color, 1Self, AlignTab, Bash Build System, CoveIvate, ColorSheme, CSSComb, Emmet, Emmet Css Sniper, Emmet LiveStyle, GitGutter, Package Control, SCSS

Atom.io

Mes plugins: (je ferais la liste ici prochainement)

J'ai essayé Brackets. Peu concluant.
Je ne m’étale pas plus que ça, j'ai déjà fait un article dessus.


Mes navigateurs

Firefox (et Firefox Developer Edition):

Mes plugins:

  • Adblock Plus (pour tester si le site passe malgré l'installation du plugin)
  • Alexa Toolbar (J'aime le SEO)
  • colorPicker
  • ColorZilla
  • Firebug (évidemment)
  • Greasemonkey
  • HMTL Validator
  • iMacros for Firefox
  • MeasureIt
  • Opquast
  • SearchStatus
  • The Addon Bar (restored)
  • User Agent Switcher
  • Wappalyzer
  • Toolbar Web Developer
  • Xmarks
  • YSlow

Chrome (et Chrome Canary):

Mes plugins:

  • Kimono
  • ProxFlow

(J'utilise peu Chrome. Question d'éthique, même si je reconnais qu'il a ses avantages notamment en JS).

IE x, Safari et des VM (via Virtualbox)

pour les tests (parce que faut pas déconner !).


Et tout le reste :

GitBash

Oh ben oui hein!
Mais SourceTree n'est pas trop loin, même s'il n'est ouvert que rarement.

iTerm (sous Mac)

Il offre quelques avantages non-négligeables au terminal de base d'un Mac.

CyberDuck

A la place de Filezilla. Plus pratique je trouve.

Photoshop (ou encore Sketch)

Sketch n'est disponible que sous Mac.

Greenshot

Pour devenir un "Power User" de la touche "Impr. Ecr."

Evernote

Pour partager mes notes entre mes différents PC/Mac/Devices.

Deezer / Spotify

En fait, j'ai un compte sur Spotify, je le préfère avec son application. Mais quand tu n'as pas les droits root, tu ne peux pas l'installer, Deezer arrive à la rescousse.

Et sinon ? Des outils ?

NodeJS (avec Grunt/Gulp etc.), PhantomJS, SASS/Compass, Apache, NGinX, TomCat bien sûr.
Mais bon, ça fera l'objet d'un futur article :-)


Des devices ?

Oui, bien sûr.
Pour iOS : Un iPhone 4, un iPhone 6. Un iPad Air.
Pour Android : un Nexus 5, une tablette Nexus 7 (plus de facilité pour le debug avec l'outil de Chrome).

Et des écouteurs :-)
(et en hiver, lorsqu'il fait très froid, des gants chauffants USB !)

Et un Thé.

Et toute cette liste-là, elle n'est pas exhaustive: je la mettrais à jour régulièrement, en fonction de mes trouvailles.