Найти в Дзене

Плагин CSS Peek - Просмотр стилей по id или class

CSS Peek - Отличный плагин, способный показать программисту стили для определенного ID или класса объекта.

CSS Peek - определение стилей по id или классу объекта
CSS Peek - определение стилей по id или классу объекта

Представьте ситуацию, когда программист захочет изменить класс для определенного тега на странице или же всем сайте.

В этому случае он будет искать свойство данного объекта в стилях сайта. Но представьте, что таких стилей свыше 10 000 строк, а таких файлов больше 6 шт. То ему придется искать данный класс в каждом файле.

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

И уже тут искать куда сложнее, тк не понятно, в какой файле он записан.
PS не путать с "1 огромный файлом", он создается динамически и в него никак не дописать. Вам придется искать между 6 файлами со стилями.

А что скажете, если в редакторе "Microsoft visual code" имеется плагин, который облегчит работу со стилями?

Давайте посмотрим на него ниже.

CSS Peek - определение стилей по id или классу объекта
CSS Peek - определение стилей по id или классу объекта

Если присмотреться, то я выделил класс в файле html или php, зажал кнопку ctrl и правой клавишей мышки щелкнул по нему.

Ниже открылось окошко, где видны стили данного класса. Кроме того тут их можно и изменить, не открывая файл со стилями.

Давайте рассмотрим скриншот немного поближе.

CSS Peek - определение стилей по id или классу объекта
CSS Peek - определение стилей по id или классу объекта

Как по мне, это идеальный и очень удобный плагин для работы программиста

Спасибо что посмотрели данную статью.
С вам лайк и подписка ))

Разработчик Карнаушенко Николай Алексеевич

Предыдущий урок ............................................................................Следующий урок