Приступая к вёрстке, страницы или модального окна (далее просто целевая страница) Последовательная дорожная карта: 1. Открываем 2 макета в фигме
Компонентная вёрстка по UI Kit на Bootsrap примеры, как делать не надо и как делать надо
Начните с базового ui-kit добавляя в него необходимые компоненты по мере надобности, которые могут повторно быть использованы. В первую очередь
Разрешение тегов и атрибутов в Bootstrap Popover
Bootstrap Popover предоставляет удобный способ отображения всплывающих подсказок с дополнительным контентом. Однако по умолчанию Bootstrap ограничивает набор разрешенных тегов и
css выравнивание абсолютно позиционированных элементов по центру
css выравнивание абсолютно позиционированных элементов по центру
Быстрая верстка тем и проектов на bootstrap
Для быстрой верстки на bootstrap тем и проектов полезно иметь под рукой следующее: Готовые сниппеты компонентов верстки Готовую дефолтную сборку
Быстрое удаление неиспользуемого CSS кода
В Chrome Dev Tools существует инструмент «покрытие» — Coverage, помогающий сделать подсветку неиспользуемого кода. Но он не удобен тем, что
Отключение псвевдоклассов :hover на элементах
Можно конечно использовать дополнительный класс или накидать костыль на js. Но например у нас есть bootstrap проект, с классами кнопок
Всплывающие подсказки на элементах с title атрибутом по типу bootstrap
Предположим, что мы не хотим устанавливать bootstrap ради одного лишь компонента подсказок, ибо привитая жадность к любым ресурсам, когда устройства
Подключаем сжатые min версии css и js с автоматическим слежением и обновлением
Не секрет, что для высоких показателей PageSpeed полезно минифицировать css и js код на сайте. А минифицированный css код вообще
Как быстро править CSS и вёрстку в chrome — DevTools Overrides
Я конечно знаю про чудесную штуку gulp и вёрстку в sass при помощи этих инструментов с автоматическим сборщиком, компановщиком и