Firebug: быстрый перебор размеров и цветов (мечта шопоголика)

10 Dec. 2009

Firebug для меня — причина номер один для того, чтобы пользоваться Firefox-ом — 99% от всех причин. Чудо-инструмент! Часто при верстке блока, в css-файле я задаю лишь примерные параметры (расположение, размеры, отсупы), а тонкую подгонку осуществляю в Firebug-е.

Это просто! Выбираем элемент, выбираем CSS-правило, устанавливаем курсор и меняем цифровые значения при помощи клавиш-стрелок на клавиатуре. “Вверх” — увеличиваем значение, “Вниз” — уменьшаем. Экономит время и облегчает работу со страшной силой!

firebug1

То же самое  можно делать для чернового подбора цветов элементов. Создаем правило, определяющее цвет элемента (background-color, color, border-color…) и справа от правила пишем латинскую букву “a” — Firebug автоматически дополнит его до слова “AliceBlue” (название HTML-цвета); нажимаем клавишу “Вниз” — появляется слово “AntiqueWhite” и так далее. При этом соответственно меняется и цвет редактируемого элемента в окне браузера.

firebug2

firebug3

Перебор цветов — мелкая, но забавная фича Firebug-a.

2 Responses to “Firebug: быстрый перебор размеров и цветов (мечта шопоголика)”

  1. Руслан Юлдашев Says:

    К перебору размеров: кнопками PgUp и PgDn размеры меняются на 10 пунктов.

  2. Zigzag Says:

    Ха, до сих пор не знал об этом. Сенкс. =)

Оставьте комментарий