Вот, появилась тут у меня необходимость - собрать в кучу полезные расширения для Вэбмастера :)
Вопрос прост - кто что может посоветовать?
Только, ради бога, никаких SEO тулбаров.
Я так уже пробежался каталоги расширений для разработки
https://addons.mozilla.org/search.php?cat=4&app=firefox&appfilter=firefox&type=E
но больно там всего много + есть расширения аналоги.
Набор нужен на максимально широкую функциональность, с охватом всего что только можно.

я использую WebDeveloper, пока доволен...

WebDeveloper + HTML Validator (для локальной проверки, но обязательно последующая проверка на validator.w3.org - расширение не всё отлавливает) + FireBug (если используются JavaScript'ы) + Live HTTP headers (смотрим все запросы, если нужно)

Мой набор для разработки (естественно плугинов больше :) ):

WebDeveloper
HTML Validator
XPather
Server Switcher
RDF Viewer
NOScript
MeasureIt
JSView
JavaScript Debugger
Firebug
InspectThis
DOM Inspector
Domain Details
ChromEdit Plus
Aptana Debugger Service
EditCSS
Console2
View Dependencies
XPComViewer

inspect this меняем на inspect context. последняя встраивается вообще во все контекстные меню.

Я вот здесь коллекционирую, но тоже всё подряд.

http://fotoleto.ru/mozilla/web-development.html

==> Разработка.
Тема прикреплена.

HTML Validator (для локальной проверки, но обязательно последующая проверка на validator.w3.org - расширение не всё отлавливает)

Кстати, иногда он и кое-что лишнее отлавливает. Он не любит чтонибудь такого вида:

Выделить код

Код:

<a href="javascript:...">...</a>

Особенно если в javascript еще каких-нибудь HTML-сущностей (как &#123;) напихано.

Мой набор:
HTML Validator
IE View
OperaView
DOM Inspector
WebDeveloper
Console2
JavaScript Debugger

Кстати, иногда он и кое-что лишнее отлавливает. Он не любит чтонибудь такого вида:

RTFM. амперсанды надо заменять на &amp;

[offtop]
Dark-Demon, не стоит писать о непонятных вещах. ;)
&#123; = {
&amp;#123; = &#123; != {
Не могу найти конкретную страничку на которой видел такое. :( Причем внизу красовалась кнопочка на валидатор на w3c.org, которую я для проверки нажал и оказалось что все успешно валидируется.
[/offtop]

VictorS, в приведённом тобой коде всё валидно...

Dark-Demon, вот страничка:
http://home.onego.ru/~victors/test.htm
Понял о чем предупреждает расширение - о пробелах в URI. А http://validator.w3.org/ на них реагирует спокойно.

Вот, не сочтите за глупость, отрыл себе в последнее время пару полезных вещей:

1)MeasureIt, https://addons.mozilla.org/firefox/539/
Очень удобная линейка для Фокса, выводит кнопку на статусбар, нажимаешь её и тянешь измеритель расстояния (аля GIMP)
Длинну показывает тут же.
Одновременно с этим блокирует доступ к странице, чтобы что-то лишнее не нажать.

2)CSSViewer, https://addons.mozilla.org/firefox/2104/
При запуске расширения показывает CSS свойства любого элемента на который наведешь курсор. И не надо лазать в код.
Минусы - тормозит, текст выводимый в расширении слишком мал, чтобы удобно читать.

3)Colorzilla, палитра цветов в стиле NVU (портирована оттуда)
Удобно, но в последнее время FireColor кажется поудобнее.

4) Palette Grabber, https://addons.mozilla.org/firefox/2290/
Очень удобно создавать палитры прямо из цветов сайта.
Потом можно архибыстро стилизовать картинки под едлиную цветовую гамму.
Работате с Фотошопом, PSP, Fireworks, и что самое важно для меня  -  GIMP

кроме того - RainbowPicker - реализация Пипетки из графических пакетов.

Table2Clipboard - НОРМАЛЬНОЕ копирование таблиц в буфер обмена.

UrlParams - быстрый доступ к параметрам GET запросов

ПС
Я заметил, что на АМО очень слабо категоризированные расширения.
Например, есть куча расширений для работы с http протоколом..надо бы в кучу собрать

Человек помощи просит!
помогите ему..

http://forum.mozilla-russia.org/viewtopic.php?id=45450

execute JS

Поделюсь свои набором расширений для Web разработки:

1. Дополнений
FireBug - основной инструмент, инспекция html, javascript, css, консоль, cookie и др. хранилищ, запросов
FireBug имеет множество дополнений тут список, впрочем часто они устаревают, много бесполезных.
Ещё в FireBug есть функции логирования и команды командной строки. О них надо знать любому разработчику.

ColorZilla - инструменты для подборки цветов.

Web Developer - много инструментов, от линейки до автоформатирования javascript, отключения куков, css, валидации и др.

2. Специальные дополнения
Специальные дополнения часто делают разработчики JavaScript фреймворков. Они заточены под конкретный фреймворк: ReactJs, AngularJS и другие.
Если такое дополнение существует только под Chrome [chrome], то можно использовать дополнение для его запуска под Firefox: Chrome Store Foxified

3. Встроенные инструменты
До недавнего времени было намного больше дополнений для разработки. Сейчас их стали забрасывать потому что появилась сборка Firefox на основе тестовой версии предназначенная специально для разработки. И она очень удобна: Firefox Developer Edition
Большой минус этой сборки: она часто глючит. Поэтому на практике нужно держать обычный Firefox с отдельным профилем для разработки.
Обязательно загляните в настройки, там много опций.

4. Оптимизаторы JavaScript
Существуют так называемы "оптимизаторы JavaScript". Они заменяют имена переменных на более короткие, удаляют лишние символы. (сокращая файл)
Более продвинутые заменяют некоторые куски кода на более быстрые варианты.
Лучшим оптимизатором считается оптимизатор от Google: Closure Compiler Он написан на Java, но есть и онлайн версия.

Анализаторы кода JavaScript на ошибки: https://en.wikipedia.org/wiki/List_of_t … JavaScript

5. Онлайн сервисы для разработки
Их много. Например сервисов для подборки цвета - бесконечное число. Я расскажу про основные, какие знаю и пользуюсь.

Оптимизаторы JavaScript
Closure Compiler Service - оптимизация и анализ кода
UglifyJS - аналог Closure Compiler Service
Online JavaScript beautifier - форматирует код (аналог встроенного в Firefox инструмента)

Сервисы для обмена кодом (можете сохранять код, а потом давать ссылку кому-нибудь)
Gist
Pastebin
ZeroBin

Сервисы куда можно сохранить код и сразу посмотреть результат его работы (как страницу в браузере)
JSFiddle
CodePen
Plunker
js.do

Подбор регулярных выражений и просмотр результата их работы
Regexper
RegExr

Git сервисы, системы контроля версий (можно сохранить свой код как на википедию, часто их используют как социальную сеть для общения) - это основа программирования :D
GitHub
bitbucket
savannah

Обфускаторы - запутывают внешний вид JavaScript кода, при том что работает он по прежнему (это тот же код написанный другими символами)
jjencode
aaencode
JSFuck
По этой теме советую статью: Обфускация JavaScript / Хабрахабр

Анализ браузера - какие он передаёт данные внешнему наблюдателю
https://www.browserleaks.com/
https://panopticlick.eff.org/
http://ip-check.info/
https://amiunique.org/
http://browserspy.dk/
http://ip-check.info/
https://www.doileak.com/
http://www.rexswain.com/httpview.html
http://tools-on.net/

Анализ настроек сайтов и серверов - показывает правильно настроена безопасность сайта (и др. настройки) или нет
https://observatory.mozilla.org/
https://securityheaders.io/
https://www.ssllabs.com/ssltest/index.html

CSS визуальные редакторы
В них уже готовый макет в котором через ползунки, меню и подобное можно настроить: форму, цвет, градиент и подобное. Затем скопировать уже готовый код, чтобы не подбирать CSS свойства мысленно во время вёрстки. Таких сервисов множество, используйте google для их поиска.
Вот несколько примеров:
http://www.cssmatic.com/border-radius
http://www.cssmatic.com/gradient-generator
http://css3gen.com/css-transform/
http://css3gen.com/css-3d-transform/

Leet speak
Заменяют буквы в тексте на похожие по начертанию символы. Используются для декорации или сокрытия спама.
http://textinvert.ru/
http://www.sherv.net/weirdmaker.html
https://eeemo.net/

6. Отдельные программы
6.1 Для подборки цвета также можно использовать отдельные программы. Например существует программа с открытым кодом: gpick
6.2 Всяческие графические редакторы .HTML и .CSS, где результат можно сразу увидеть. В том числе с множеством инструментов для работы с такими CSS библиотеками, как Bootstrap. Они здорово ускоряют работу. Их ищите и подбирайте под свой вкус.
6.3 Графические редакторы. В разработке вам может понадобиться работать макетами и изображениями.

В теории вы можете использовать любой open source редактор:
krita, pinta, MyPaint - рисовалки
Inkscape - векторный
Darktable - редактов фото, аналог Adobe Lightroom и Apple Aperture
Scribus - верстка буклетов и книг как в Adobe InDesign, PDF, призентации и т.д.: scribus-template - дополнительные шаблоны
Blender - работа с 3D анимацией (а вдруг? :D)
GIMP - аналог Photoshop к которому можно установить дополнительные инструменты: gimp-data-extras, gimp-plugin-registry

На практике в множестве случаев используют платные редакторы с закрытым кодом: Photoshop (в основном 2D графика), Adobe InDesign (типографская верстка журналов, книг и т.д.), Adobe Lightroom (редактор фото), CorelDRAW (векторный).
Вам просто пришлют макет в таком формате, который правильно открывается только в платном софте. И мало кто вас будет спрашивать хотите вы покупать платный редактор или нет. :D Тем более, что они чаще всего действительно удобнее, более развиты и имеют меньше ошибок (не считая Blender - он хорош).

7. Ссылки
Огромный список сервисов: 400 потрясающих бесплатных сервисов
http://www.w3schools.com/ - отличные уроки и справочники по js, css, xml, html, sql и другим на английском
http://www.tutorialspoint.com - аналог w3schools.com
https://developer.mozilla.org/ - ищите тут свежие сведения о js и css
https://msdn.microsoft.com - тоже бывает отлично описано то, чего нету у других
https://learn.javascript.ru/ - неплохой ресурс на русском
https://webref.ru/ - справочник по CSS и HTML на русском
JavaScript Гарден - быстрое введение в стандартный js
airbnb/javascript: JavaScript Style Guide - примеры того, как правильно писать на js и как не надо, ориентируется на новые редакции js
Выразительный JavaScript: Введение - хорошая книжка

Примечение
1. Для использования сайтов выше, как справочника, набирайте в гугл: "site:developer.mozilla.org <что_я_хочу_найти>"
2. Лучшие сервисы - англоязычные. На многих из них есть примеры кода и результат их работы, так что не бойтесь использовать их даже, если не знаете английского языка.

Я пользуюсь этими расширениями:
OperaView
DOM Inspector
WebDeveloper
Console2
JavaScript Debugger

к случаю, может кто то из вас знает хороших специалистов по локализации приложений? Хочу перевести свой любимый app на несколько языков.