Плагины firefox для разработчика

Думаю не найдется такого веб-мастера, веб-дизайнера, который бы в своей работе не использовал расширения Firfox, приведу небольшой список наиболее важных и полезных инструментов.

1. Firebug

Первое место по популярности использования бьет Firebug, очень полезная штука, если Вы еще не знакомы с этим расширением, как можно быстрее исправьте это допущение.

Firebug интегрируется в браузер и позволяет любую веб-страницу редактировать, отслеживая изменения CSS, HTML и Javascripе.

Начав работать с Firebug вы значительно обогатите свой набор инструментов.

– Firebug: addons.mozilla.org/ru/firefox/addon/firebug/

2. Firepicker

Очень полезное расширение, еще не оцененное пользователями по достоинству. А зря. Ведь плагин встраивается Mozilla Firefox и Firebug и выигрывает перед другими с большим отрывом. Встраиваясь в браузер Firepicer представляет собой диалоговое окно с палитрой цветов. Основная задача плагина – просмотр и подбор возможных значений цветов, которые могут рассматриваться как цвета CSS.

– Firepicker: addons.mozilla.org/ru/firefox/addon/firepicker/

3. ColorZilla

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

– ColorZilla: addons.mozilla.org/en-US/firefox/addon/colorzilla/

4. Web Developer

Web Developer также значительно упростит вашу жизнь. Расширение ускоряет процесс проектирования и разработки веб-страницы, позволяя изменять стили страницы, включать/отключать JavaScript, Java, просматривать cookies и очень-очень много других полезных функций.

– Web Developer: addons.mozilla.org/ru/firefox/addon/web-developer/

5.PixelPerfect

PixelPerfect – дополнение к Firebug позволяет разместить на макете веб-страницы изображение, и представить как макет будет выглядеть в готовом виде. При этом картинки накладыаются полупрозрачными, их легко перетаскивать мышкой.

– PixelPerfect: addons.mozilla.org/ru/firefox/addon/7943

6. СssUpdater и FireFile

Шестое место между собой поделили два плагина cssUpdater и FireFile.

СssUpdater

FireBug конечно же очень мощный инструмент, но у него есть один существенный недостаток, если вы обновите страницу, все изменения, которые вносились будут потеряны. Плагин cssUpdater – позволяет сохранять эти изменения.

Принцип работы плагина:

• вносим изменения в CSS в Firebug
• нажимаем кнопку синхронизации в Firebug (горячая клавиша Alt+S)
• обновляем сайт, чтобы увидеть изменения

– СssUpdater: addons.mozilla.org/ru/firefox/addon/cssupdater/

FireFile

FireFile сохраняет изменения CSS файла сразу на сервере, это его основное отличие от CssUpdater. Пользуясь плагином, не забывайте делать резервную копию базы.

– Firefile: addons.mozilla.org/ru/firefox/addon/firefile/

7. Дополнения PageSpeed и Yslow

PageSpeed

Эти дополнения отображают скорость загрузки сайта.

Первый плагин PageSpeed от разработчиков Google анализирует сайт и предлагает варианты ускорения процессов, например, уменьшить размер картинок или оптимизировать работу того того или иного скрипта.

– Pagespeed: developers.google.com/speed/pagespeed/download?hl=ru-RU

Yslow

Yslow – аналогичное дополение для встраивание в firebug есть и у разработчиков Yahoo. Думаю объяснять зачем оно нужно не стоит).

– Yslow: addons.mozilla.org/ru/firefox/addon/yslow/

8. FireCookie

FireCookie – расширение Firebug, делающее возможным просмотр и управление cookie в браузере. Иными словами, КукиМенеджер.)

– FireCookie: addons.mozilla.org/ru/firefox/addon/firecookie/

9. CSS Usage

CSS Usage – находит неиспользуемые правила в написании стилей CSS

– CSS Usage: addons.mozilla.org/ru/firefox/addon/css-usage/

Вот такая получилось подборка для разработчика. Если у кого-то есть какие-то интересные плагины не описанные здесь, прошу о них писать в комментариях.