Условно разделил их на несколько типов. Голова, Железо, Операционная система, Браузеры, Редакторы, Плагины (расширения), Другие инструменты.

Голова

Раз это умственный труд, то для работы нам понадобятся мозги. А мозги мы развиваем прочтением книг, блогов, просмотром курсов, уроков, изучаем английский язык на курсах, посещаем конференции по веб-разработке, выступаем на них, пишем полезные статьи, ведём блоги, влоги на ютьюбе, создаём группы в фейсбуке, вконтакте по интересам, в общем веселимся как можем.

Главные три условия для успешной работы (если вы ещё их не выполнили):

  • Знание английского языка (I’ll go alone no rude sign to be shown but to rejoice in the splendor of my own). Запишитесь на курсы английского, вся свежая информация по веб-дизайну — только на английском. Нет денег — ищите студентку (студента) инъяза, который научит вас за то, что вы ему сделаете сайт репетитора.
  • Слепой набор (если вы до сих пор смотрите на клавиатуру для набора кода, то мне вас жалко). Ставьте Соло на клавиатуре и полчаса в день тратьте на него.
  • Ваше здоровье (посещайте бассейн, ходите в спортзал, бегайте по стадиону). Не ограничивайте себя только компьютером, вы ещё будете работать по 3 часа в день, но до этого времени прийдётся немного попотеть на стадионе, чтобы сохранить здоровье, и за компом, чтобы стать эффективным разработчиком.

Железо

Тут всё зависит от возможностей вашего бюджета, что могу посоветовать каждому — купите и установите SSD диск на ваш компьютер — это сэкономит вам кучу времени и нервов. Если нет денег на новый — купите б.у., но купите!

Операционная система

Я использую уже более года Ubuntu 12.04 LTS 64-bit систему, суперстабильная очень надёжная бесплатная операционная система. Если вы веб-программист, то это ваш выбор. Если дизайнер или верстальщик, то MacOs будет предпочтительней.

Недостатки — Gimp не заменит Photoshop и другие Adobe программы.

Некоторые из моих знакомых, кто давно занимаются разработкой, предпочитают MacOS всем другим. Достоинства — неглючная мощная система для дизайнеров.

Недостатки — лицензионные программы стоят денег, если вы не пират — прийдётся раскошелиться ради комфортной работы.

ПО для работы с графикой

  • Linux — Gimp, Pencil
  • Windows — Adobe Photoshop, Adobe Fireworks
  • MacOS — Sketch, Adobe Photoshop, Adobe Fireworks

Браузеры

  • Google Chrome (настоятельно рекомендую использовать этот браузер для отладки кода в Chrome DevTools)
  • Mozilla (для сторонников альтернативного подхода — FireBug)

Редакторы кода

В алфавитном порядке, рекомендую попробовать каждый из них:

  • Atom — опенсорсный редактор от Google. Быстро запускается, много пакетов. Недостатки — всё ещё сырой продукт.
  • Brackets — современный веб-редактор, который “понимает веб-дизайн«©. Вместе с встроенными расширениями Extract и Live Reload — очень мощный и перспективный редактор от Adobe, верстальщики — обратите внимание! Недостаток — медленно запускается, криво выглядит верхнее меню.
  • Notepad ++ всеми «виндузятниками» любимый редактор. Недостаток — только Windows версия.
  • Sublime Text 3 — можно достигнуть очень быстрой скорости разработки. Недостаток — условно бесплатный.
  • WebStorm — полноценная среда разработки для JS мастеров. Веб-программисты — это ваш редактор. Недостаток — за лицензию прийдётся платить.

Рекомендую поставить каждый из редакторов и потестить каждый в течении месяца-двух. Для тех, кто работает в Notepad++ будет сложно вначале отказаться от него и перейти в Sublime Text 3, но если вы поработаете в нём хотя бы 2 месяца, то обратно переходить не захочется.

Выводы: свою работу вы можете делать любым инструментом, главное условие — будьте эффективными. Для этого изучайте ваш инструмент работы: горячие клавиши, полезные расширения, хаки, пройдите курс обучения по каждому из ваших инструментов. Берегите здоровье. Будьте активным. Любите себя и свою работу.

Практика

Установка Ubuntu

Выбор версии

Выбирать можно долго и тщательно на http://distrowatch.com/, но этот кусок сложной работы я сделаю за вас Ubuntu 12.04 LTS 64 bit :) (качаем здесь)

Разметка диска и установка

Установщик Убунту позволяет безболезненно создать необходимые разделы и установить систему. Можете почитать этот мануал по установке двух систем одновременно с одной оговоркой: SWAP раздел должен быть в полтора-два раза больше объёма ОЗУ.

Для тех, кому лень читать, выбираете установить на весь диск и ставите систему.

Установка редакторов

Ставите все редакторы приведенные выше по соответствующим ссылкам.

Для Sublime Text 3 для подключения репозитория пакетов нужно зайти сюда, скопировать код и вставить его в консоль Sublime (Ctr+` или View > Show Consol).

Для PhpStorm используйте лицензионный сервер: http://idea.imsxm.com/ и для любых остальных продуктов JetBrains.