<a href="http://firebug.ru/" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->1. Firebug.<!--sizec--></span><!--/sizec--></a> Самое популярное дополнение. Легко интегрируется в браузер, позволяет вживую редактировать, отлаживать и изучать CSS, HTML и Javascript на любой странице.
<div align="center">
<a href="https://addons.mozilla.org/ru/firefox/addon/2104" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->2. CSSViewer.<!--sizec--></span><!--/sizec--></a> Аддон, позволяющий быстро просматривать CSS-стиль любого элемента. Для этого будет достаточно просто навести курсор на нужную деталь или блок.
<div align="center">
<a href="https://addons.mozilla.org/ru/firefox/addon/271" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->3. ColorZilla.<!--sizec--></span><!--/sizec--></a> Теперь нет необходимости делать принтсрин экрана и запускать Photoshop, дабы узнать код понравившегося цвета. Особенно экономит время, когда вы вносите изменения в цветовые решения элементов типа h1 - h6, меню и ссылки.
<div align="center">
<a href="https://addons.mozilla.org/ru/firefox/addon/249" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->4. Html Validator.<!--sizec--></span><!--/sizec--></a> Говорит сам за себя. Функции дополнения: проверка кода страницы на валидность, отображение количества ошибок, строки, где ошибка допущена, пояснений и рекомендаций к устранению. Должен быть у каждого уважающего себя верстальщика.
<div align="center">
<a href="https://addons.mozilla.org/ru/firefox/addon/5648" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->5. FireShotr.<!--sizec--></span><!--/sizec--></a> Позволяет создавать скриншоты открываемых вами страниц, но не только той области, которую вы видите на экране, а всего листа. “В отличие от других средств подобного рода, это дополнение предоставляет в распоряжение пользователя целый ряд инструментов для редактирования скриншота и добавления графических и текстовых аннотаций.” Я обычно скриншоты использую, когда высылаю заказчику отчеты о проделанной работе: статистика по запросам и динамика посещаемости, все-таки скриншот экрана выглядит более убедительно, чем просто текстовый документ, а заморачиваться на оформление текст + рисунки + диаграммы тупо лень.
<div align="center">
<a href="https://addons.mozilla.org/ru/firefox/addon/539" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->6. MeasureIt.<!--sizec--></span><!--/sizec--></a> Плаггин для любителей все делать по линеечке и тех, чьи заказчики требуют верстку пиксель в пиксель. Позволяет измерить ширину и высоту элементов.
<div align="center">
<a href="https://addons.mozilla.org/ru/firefox/addon/321" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->7. SearchStatus.<!--sizec--></span><!--/sizec--></a> Чего только не отображает… И PageRank, и Alexa rank, и Whois, и robots.txt, и sitemap.xml, вообщем много чего хорошего и полезного. Из полезного: так же выделяет на странице ссылки с атрибутом nofollow.
<div align="center">
<a href="https://addons.mozilla.org/ru/firefox/addon/3036" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->8. SeoQuake.<!--sizec--></span><!--/sizec--></a> Программа, позволяющая пользователю на лету получать обширный ряд SE параметров просматриваемой страницы. Состоит из трех функциональных частей: SeoToolbar (запрашиваемые параметры выводятся отдельным тулбаром в окне броузера), Seobar (запрашиваемые параметры выводятся как отдельный, полностью настраиваемый при помощи CSS, блок HTML кода) и вывод запрашиваемых параметров для результатов поиска поисковых машин.” Настроек куча, на любой вкус и цвет.
<div align="center">
<a href="http://addons.seoquake.com/plugins/?sln=en&browser=2" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->9. Seolinx.<!--sizec--></span><!--/sizec--></a> Плаггин для SeoQuake, при наведении курсора отображает SEO параметры для ссылки.
<div align="center">
You must be registered for see images attach
</div><a href="https://addons.mozilla.org/ru/firefox/addon/2104" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->2. CSSViewer.<!--sizec--></span><!--/sizec--></a> Аддон, позволяющий быстро просматривать CSS-стиль любого элемента. Для этого будет достаточно просто навести курсор на нужную деталь или блок.
<div align="center">
You must be registered for see images attach
</div><a href="https://addons.mozilla.org/ru/firefox/addon/271" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->3. ColorZilla.<!--sizec--></span><!--/sizec--></a> Теперь нет необходимости делать принтсрин экрана и запускать Photoshop, дабы узнать код понравившегося цвета. Особенно экономит время, когда вы вносите изменения в цветовые решения элементов типа h1 - h6, меню и ссылки.
<div align="center">
You must be registered for see images attach
</div><a href="https://addons.mozilla.org/ru/firefox/addon/249" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->4. Html Validator.<!--sizec--></span><!--/sizec--></a> Говорит сам за себя. Функции дополнения: проверка кода страницы на валидность, отображение количества ошибок, строки, где ошибка допущена, пояснений и рекомендаций к устранению. Должен быть у каждого уважающего себя верстальщика.
<div align="center">
You must be registered for see images attach
</div><a href="https://addons.mozilla.org/ru/firefox/addon/5648" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->5. FireShotr.<!--sizec--></span><!--/sizec--></a> Позволяет создавать скриншоты открываемых вами страниц, но не только той области, которую вы видите на экране, а всего листа. “В отличие от других средств подобного рода, это дополнение предоставляет в распоряжение пользователя целый ряд инструментов для редактирования скриншота и добавления графических и текстовых аннотаций.” Я обычно скриншоты использую, когда высылаю заказчику отчеты о проделанной работе: статистика по запросам и динамика посещаемости, все-таки скриншот экрана выглядит более убедительно, чем просто текстовый документ, а заморачиваться на оформление текст + рисунки + диаграммы тупо лень.
<div align="center">
You must be registered for see images attach
</div><a href="https://addons.mozilla.org/ru/firefox/addon/539" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->6. MeasureIt.<!--sizec--></span><!--/sizec--></a> Плаггин для любителей все делать по линеечке и тех, чьи заказчики требуют верстку пиксель в пиксель. Позволяет измерить ширину и высоту элементов.
<div align="center">
You must be registered for see images attach
</div><a href="https://addons.mozilla.org/ru/firefox/addon/321" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->7. SearchStatus.<!--sizec--></span><!--/sizec--></a> Чего только не отображает… И PageRank, и Alexa rank, и Whois, и robots.txt, и sitemap.xml, вообщем много чего хорошего и полезного. Из полезного: так же выделяет на странице ссылки с атрибутом nofollow.
<div align="center">
You must be registered for see images attach
</div><a href="https://addons.mozilla.org/ru/firefox/addon/3036" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->8. SeoQuake.<!--sizec--></span><!--/sizec--></a> Программа, позволяющая пользователю на лету получать обширный ряд SE параметров просматриваемой страницы. Состоит из трех функциональных частей: SeoToolbar (запрашиваемые параметры выводятся отдельным тулбаром в окне броузера), Seobar (запрашиваемые параметры выводятся как отдельный, полностью настраиваемый при помощи CSS, блок HTML кода) и вывод запрашиваемых параметров для результатов поиска поисковых машин.” Настроек куча, на любой вкус и цвет.
<div align="center">
You must be registered for see images attach
</div><a href="http://addons.seoquake.com/plugins/?sln=en&browser=2" target="_blank"><!--sizeo:4--><span style="font-size:14pt;line-height:100%"><!--/sizeo-->9. Seolinx.<!--sizec--></span><!--/sizec--></a> Плаггин для SeoQuake, при наведении курсора отображает SEO параметры для ссылки.