Firebug — находка для верстальщика
Сегодня речь пойдет о мощном и удобном дополнении к FireFox под названием Firebug.
Функционал Firebug-а позволяет «на живую» изменять HTML и CSS-код и сразу видеть последствия этих изменений в браузере.
Так же это мощное дополнение поможет верстальщику разобраться в запутанной HTML-структуре загруженной в браузере страницы.
Возможности Firebug-a не ограничиваются лишь работой с HTML и CSS. При помощи данного дополнения значительно упрощается процесс отладки JavaScript, есть возможность просматривать данные, отправляемые серверу… Но это все уже из другой оперы, пока рассмотрим Firebug в качестве инструмента для верстальщика сайта.
Небольшая видеоинструкция по пользованию Firebug-ом для верстальщика сайтов.
Из-за конвертации видео сервисом YouTube мелкие детали могут стать плохо различимы. Вы можете скачать видеоурок в лучшем качестве с Deposit Files (*.wmv 18.8 МБайт).
Сайт Firebug-a (описание и загрузка расширения).
В качестве развлечения, и чтобы проиллюстрировать дополнительные возможности этого мощного дополнения, вот такое видео:
Дополнительные знания по использованию FireBug можно получить из статьи про CSS-framework, где я его применю в качестве основного инструмента для анализа кода.
С уважением, Андрей Морковин.
Похожие материалы:
Отзывов: 6 на «Firebug — находка для верстальщика»
Автор: Дмитрий, 01.10.2009 в 11:19
Абсолютно с вами согласен. Файрбаг незаменим, даже при моем скромном его использовании. С удовольствием ознакомлюсь с вашей инструкцией, наверняка открою для себя что-нибудь новое. Спасибо.
Автор: Андрей Морковин, 01.10.2009 в 11:28
Многие устанавливают Firebug, потому что чувствуют, что штука интересная. И потом он стоит себе незадействованный. Статья имеет целью подтолкнуть таких товарищей к изучению этого расширения и использованию его в работе.
Очень хороший плагин.
Автор: motor2hg, 09.10.2009 в 00:46
Подгонка цифровых величин происходит нажатием клавиш стрелка вверх, стрелка вниз. Так для представленного в фильме примера надо ввести курсор в поле с 44px и удерживать клавишу со стрелкой вверх или низ меню будет перемещаться.
Автор: Андрей Морковин, 09.10.2009 в 09:08
Большое спасибо, так на много удобнее!
Автор: Never Lex, 14.12.2009 в 20:49
Подробное прочтение сайта фаербаг.ру (не видел раньше его) прояснило многие неизвестные
Раньше использовал только для вёрстки и для того чтобы посмотреть ошибки в жаваскрипте, а ведь можно жаваскрипт дебажить о_0 и смотреть этапы загрузки страницы.
Автор: MrArthur, 21.02.2010 в 21:27
Фраза “Но это все уже из другой оперы”, воспринимается как то не однозначно =) Первая мысль: “но это все уже есть в Опере, а тут мы расскажем о приимуществах фаирбага в фф”)) Спасибо за статью. Отличный блог!