Инструменты и сервисы для верстальщика

Редактор : sublimeText
http://caniuse.com/ - вводите тег, функцию , свойство и показывает в каких браузерах есть поддержка.
Браузер : Хром.
FTP server : FileZilla.
Web server : OpenServer.

 

При работе на iMac советую Espresso — веб-ориентированный текстовый редактор, удобный но платный, если постараться можно найти крякнутые

 

Вместо Notepad++ я бы взял Netbeans IDE

 

Не вижу смысла плодить дубли в инструментах. np++ хватает с головой и не нужны ни брекеты, ни sublime. А из браузерных расширений достаточно firebug (да и то, стандартного анализатора в firefox чаще хватает) + линейки любой.

 

Notepad++
Firebug
Photoshop современный
удобное кресло и периферия

 

моя подборка закладок на данную тему: https://drive.google.com/open?id=0B0xUP3TcwsfLWU41UHNyMGN1dms

 

Coda классный редактор жаль только для маков

 

Поделитесь опытом, как кросбраузерность проверять удобнее всего? Можно ли одним каким-то инструментом?

 

Пользуюсь SublimeText3+Measurelt. Сервисы: Wireframe и Font Awesome

--- Добавлено, 23 ноя 2017 ---

Я проверяю через "просмотреть код" и там device toolbar

 

Brackets, phpstorm, filezilla, chrome

 

1 Notepad++
2 FileZilla
3 Firefox + Firebug

 

1. FileZilla
2. Sublime Text
3. Open Server

Позже допишу список онлайн-сервисов, тесты сайтов на что угодно etc.

 

Sublime text - текстовый редактор #1 по моему

 

Недавно нужно было сделать скрин всего сайта. Загуглил как сделать. И вот что выяснил. Хром делает такие скриншоты.

1) Нажимаем F12 (или правой кнопкой мыши - просмотреть код) открывается "Панель разработчика"
2) Жмем сочетание клавиш: CTRL+SHIFT+P открывается поиск по панели
3) Достаточно ввести в строку поиска "screen" и выбрать "Capture full size screenshot"
​

И у нас есть скрин всего сайта. Если надо пользуйтесь на здоровье...

​