Firebug

Как известно, нет лучше браузера для веб-дизайнеров, чем Firefox, который имеет кучу полезных дополнений – одно из них firebug. При установке данного дополнения в нижнем правом углу окна браузера появляется иконка в виде жука, при нажатии которой появляется окно firebug’а.

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

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

Вкладка сеть позволяет увидеть время загрузки скриптов и изображений на сайт – это дает возможность оптимизировать время загрузки сайта путем уменьшения размера изображений или выставления скриптов в нужном порядке.

И еще много всего разного и полезного вы сможете найти в этом дополнении.