Firebug — находка для вебмастера.

firebug

firebug

Решил рассказать вам, уважаемые читатели, про палочку-выручалочку вебмастера — firebug. Существует сие чудо как приложение для mozilla firefox. Сейчас я даже не могу представить как я творил без firebug.

Основное назначение — наглядный «разбор» странички.

Ниже представлен внешнийвид приложения.

firebug - внешний вид

firebug - внешний вид

Итак, пора перейти от общих слов к конкретике, а именно к тому как я использу firebug.

Установить firebug вы можете с официальной страницы плагина http://firebug.ru

1. Определение размеров элементов веб-страницы

Зачастую разбирая тот или иной шаблон или элемент странички для того что бы узнать размеры приходиться лезть в html или css код и долго искать необходимый элемент. С firebug всё заметно упрощается!

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

3

firebug режим макет

2. Изучение структуры страницы

В панели слева firebug позволяет наглядно увидеть всю структуру странички в общем, а так же раскрыть каждый тег и увидеть что находится в нем. Проще говоря всю вложенность вы разберете на раз)

3. Изучение css свойств дествующих на элемент

firebug позволяет узнать все css правила которые распостраняются на выбранный элемент. Он отображает не только свойства написанные непосредственно для элемента, но и наследуемые, причем свойства которые «перебиты» другим параметром вы так же можете увидеть, а это очень и очень упрощает «разбор полетов».

наследуемые css свойства в firebug

На скриншоте выше можно увидеть что для всех элементов страницы задано параметр padding: 0 а  для блока leftcol переопределен на padding: 5 px . Это значит что при удалении этого параметра значение lefcol станет 0.

Конечно это далеко не полный список задач решаемых уникальным приложением, но думаю что вы поняли что к чему и уже качаете firebug. Остальные возможности надеюсь вы изучите самостоятельно, и быть может напишете об этом пост) а я его с удовольствием прочту)

Всем спасибо все свободны!)


Хочешь заработать на сайте? — платные посты
Учавствуй в конкурсе блогеров bestmasterиzация и выиграй более 60к денег)

Запись опубликована в рубрике Вёрстка, Софт. Добавьте в закладки постоянную ссылку.

Один комментарий на «Firebug — находка для вебмастера.»

  1. Kiteg говорит:

    Ага, хороший плагин, тоже им пользуюсь!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *