Прокачай свой FireFox: 12 необходимых расширений для разработчиков и дизайнеров

Scellie

FireFox - это более чем браузер. Это тулбокс, который только и ждет, чтобы быть заполненным инструментами.

Первая партия включает в себя 12 наиболее используемых расширений Firefox для веб-разрабочиков и дизайнеров фрилансеров.

1. FireFTP
   Мощный FTP клиент в одной закладке, в то время, как вы работаете с другой. Иногда простейшее решение оказывается наиболее полезным. (пока еще нет поддержки SFTP)
2. ColorZilla
   Это расширение позволяет брать цвета из веб, вставлять HEX код в другие программы, делать масштабирование на страницах, измерять расстояние и использовать встроенную в браузеры цветовую панель. Рекомендуется для всех веб-дизайнеров.
3. IE Tab
   Открывает Firefox и IE для тестирования вашей работы в IE или проверки совместимости сайта, который не был оптимизирован под Firefox. IE Tab помещает небольшую иконку с строку состояния, позволяя использовать механизм отображения страниц IE для определенных сайтов.
4. Firebug
   Необходимый компонент инструментария веб-разработчика. Позволяет просматривать код и структуру проектов - CSS, Javascript или HTML. Firebug управляется через панель или в отдельном окне.
5. Load Time Analyzer
   Разделяет по времени загрузку изображений, скриптов, стилевых файлов и запросов, а так же выдает результат в виде графика.
6. Greasemonkey
   Добавляет Javascript на веб-страницу, написанный вами или другим программистом. Greasemonkey помагает раскрыть весь потенциал любого веб-сайта. (Поробуйте использовать в DOM inspector)
7. Web Developer
   Добавляет комплект пользовательских инструментов и меню в Firefox. Используйте совместно с Firebug.
8. View Source Chart
   Расцвечивает HTML код. помогает отслеживать иерархию и вложенные объекты.
9. MeasureIt
   Кликните на иконку, чтобы открыть функции Measureit. Позволяет получать пиксельные значения ширины и высоты объектов страницы при помощи курсора. Ага, теперь нет никакой трудности вставить полученные данные в Photoshop. Утонченный инструмент.
10. HTML Validator
    Это изящное расширение выдает небольшие ошибки валидации и и предупреждения в строке состояния, которая обновляется вместе с браузером. Может подтверждать HTML, переданный на сервер или после обработки через Ajax.
11. Window Resizer
    Быстро изменяет размер окна браузера для просмотра вебсайта в разрешениях 640х480, 800х600, 1024х768, 1280х1024 и 1600х1200.
12. Aardvark
    При движении мыши по странице, элементы будут выделены в красный прямоугольник. В желтом заголовке будут отображены тип элемента, класс или ID. Редактирование или удаление элемента будет доступно через клавиатурные сокращения.

Оригинал статьи - Pimp Your Firefox: 12 Essential Extensions for Web Developers & Designers