быстрая css навигация в brackets

Быстрая CSS документация в Brackets

Доброго времени суток уважаемые читатели блога pogudo.ru. В этом небольшом уроке мы рассмотрим такую же небольшую, но очень важную фишку как – быстрая css документация.


Быстрая css документация

Это очень удобное дополнение окажет хорошую помощь верстальщикам во время работы. Ведь зубрить все свойства и классификаторы это тупо и очень немногие так делают. Куда проще хорошо изучить азы css и по мере надобности обращаться к документации по тем или иным вопросам. Именно такая документация и была встроена в редактор brackets.

Она сэкономит уйму сил и драгоценного времени, заменив долгий и рутинный поиск на простое сочетание клавиш.


Как это работает?

Всё очень просто! Устанавливаем курсор на забытый класс в css файле:

выделение свойства для быстрого доступа к мануалу (документации) в редакторе brackets

Жмем сочетание клавиш Ctrl+k и пользуемся подсказкой.

быстрая css подсказка в редакторе brackets

Здесь слева указывается краткое описание значения самого классификатора. А справой стороны описание значений, которое оно может принимать. Если вдруг информации недостаточно, можно воспользоваться кнопкой «подробнее» (правый нижний угол). Эта ссылка откроет браузер с подробнейшей документацией по нужному свойству. А если вдруг с английским всё вери бэд можно переключиться на русскоязычную версию:

сайт мозилы полная css документация по свойствам тегам и селлекторам

Есть вероятность что перевод выполнен, мягко говоря, не идеально, но основную мысль я думаю можно понять.


Закрывается быстрая css документация через крестик в левом верхнем углу. Либо повторным нажатием сочетание горячих клавиш ctrl+k.

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

Ваш e-mail не будет опубликован.