dr.Brain

doctor Brain

мир глазами веб-разработчика

frontend

CSS: центрируем по вертикали

разбираемся с вертикальным центрированием с помощью CSS

dr.Brain

время чтения 1 мин.

Photo by Ricardo Gomez Angel on Unsplash

Рассмотрим несколько способов вертикального центрирования элемента с помощью CSS

Tailwind: пользовательские условия

создаем пользовательские условия для применения стилей в Tailwind CSS

dr.Brain

время чтения 1 мин.

Photo by Yasamine June on Unsplash

Хорошо реализованная возможность кастомизации является одной из лучших особенностей Tailwind CSS. Вся магия происходит в файле tailwind.config.js. Давайте рассмотрим как создавать пользовательские условия для применения стилей.

Tailwind: @apply

@apply для часто используемых компонентов в Tailwind CSS

dr.Brain

время чтения 1 мин.

Photo by Filippo Miscioscia on Unsplash

Знакомство с Tailwind CSS подразумевает приобретение навыков использования классов-утилит. Но очень немногие знают, что с помощью директивы @apply классы-утилиты можно объединять в пользовательские классы. И эта возможность кардинально меняет правила игры в Tailwind, когда дело касается чистоты HTML-кода и повторного использования стилей.

CSS: анимация SVG

эффектная анимация SVG картинки с помощью CSS

dr.Brain

время чтения 3 мин.

Photo by Fabian Centeno on Unsplash

Итак, с помощью CSS и SVG можно создать суперкрутой эффект рисования картинки по контуру.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.