Веб дизайн и плагины Firefox

Список полезных разработчику сайтов плагинов для браузера Firefox.

 

1. Flash Switcher
Один из "must have" плагинов для веб-разработчиков, работающих с Adobe Flash. Позволяет выбирать на лету между разными версиями флеш-проигрывателей, помогая, тем самым, отслеживать совместимость творимых Вами шедевров.

 

2. Firebug
Firebug позволяет Вам отслеживать и редактировать (!) CSS и HTML, а так же другой код, обрабатываемый на стороне браузера. Отличная штуковина, помогающая додумать, почему Ваши страницы тормозят, криво отображаются или вовсе не видны. Имеет встроенный анализатор Javascript.

 

3. Live HTTP Headers
Показывает полный диалог, происходящий между веб-сервером и браузером клиента. Позволяет понять, почему не работают редиректы, почему поисковики плохо индексируют контент сайта и что происходит с cookies в режиме реального времени.

 

4. FireShot
Приходилось когда-нибудь засылать скриншоты клиентам? Или, например, дергать картинки с разного рода страниц? Fireshot позволяет делать скриншоты страниц, выбранных частей страниц или текущего окна, после чего экспортирует изображение в программу редактирования изображений. Отлично подходит для изготовления быстрых набросков с картинками, а так же для составления портфолио.

 

5. Tamper Data
Плагин позволяет модицифировать параметры GET и POST на любой странице. Используется для тестирования обработки разных форм, тестирования дыр в безопасности сайта, для диагностики багов.

 

6. Load Time Analyzer
Показывает сколько Ваша страница будет грузиться у клиента в зависимости от скорости его соединения. Особенно полезна для разработчиков, чья аудитория все еще может использовать модемные соединения.

 

7. MeasureIt
Когда-нибудь интересовались размерами той или иной страницы (физическими, в пикселях) или её куска? Хочется подсунуть внутрь графику, но Вы не в курсе какого размера её лепить? MeasureIt для Вас. Аддон оснащает браузер горизонтальными и вертикальными линейками, значительно упрощающими задачу.

 

8. ColorZilla
Дает возможность скопировать RGB код любого элемента посредством пипетки, функционал которой очень схож с той, что живет в Photoshop. Удобен для работы с новой графикой для уже существующих проектов.

 

9. Link Checker
Используется, чтобы увидеть, какие ссылки работают не так как надо или ведут на 404 страницу.

 

10. Web Developer
Web Developer - дедушка всех Firefox-плагинов для веб-разработчика. Дедушка, смею заверить, молодой. Содержит огромное количество функций: дает смотреть свойства CSS любого элемента на странице за один клик, помогает искать "битые" картинки, просматривать любые поля форм и много чего еще. С помощью этого аддона можно чистить cookies, работать с DOM и так далее, и тому подобное. Очень и очень хороший плагин.

Понравилась статья? Поделитесь с друзьями!

Оставить Комментарий

Все поля обязательны. Email не публикуется.

Имя:
Email:
Комментарий
Блог Студии
Jul 08, 2011
Использование клипарта при разработке сайтов и в рекламных целях.
Jul 05, 2011
Сайты для планшетов - то, что больше нельзя не принимать во внимание.
Jan 02, 2010
Открывая новый сайт, ознакомьтесь со списком важных моментов.
Nov 28, 2009
Ответ на вопрос, куда пропадают посетители Вашего сайта.