Тег · 10 статей
SVG (Scalable Vector Graphics) - векторный формат, который идеально подходит для использования на сайтах, так как не теряет качества при масштабировании и имеет небольшой размер. Adobe Illustrator позволяет настроить SVG-экспорт детально, поэтому важно понимать каждый пункт настроек.
group в Tailwind CSS: что это такое и как работает?
В Tailwind CSS класс group используется для управления состояниями дочерних элементов на основе состояния родительского элемента. Это удобно, например, для стилизации элементов при наведении на родительский контейнер. ## 1. Как работает group? Обычно в CSS, если нужно изменить стиль дочернего элемен...
Если вы хоть раз пробовали добавить в ваш проект эффект плавной анимации при прокрутке страницы, то, скорее всего, знакомы с JavaScript-библиотеками вроде ScrollMagic, GSAP и прочими утилитами, которые помогали (и иногда до сих пор помогают) воплощать наше дизайнерское воображение в реальность. Одна...
Tailwind CSS 4.0 - это крупное обновление популярного CSS-фреймворка, которое приносит множество изменений и улучшений. В этой статье мы рассмотрим все ключевые нововведения версии 4.0, сравним их с предыдущей версией (Tailwind 3.0), приведём примеры кода и обсудим влияние на производительность и уд...
В этом руководстве мы рассмотрим, что могут делать атрибуты srcset и sizes, как использовать их с элементами <img> или <picture>, и как выбрать подходящую комбинацию.
Адаптивный дизайн - это неотъемлемая часть современного веб-разработки. Обычно для создания адаптивных элементов используются медиа-запросы, но с появлением Flexbox стало возможным создавать гибкие и адаптивные компоненты без их использования. В этой статье мы рассмотрим, как создать адаптивный head...
CSS никогда не был настолько увлекательным, как сегодня. В этой статье мы рассмотрим полезные советы и техники, которые можно сразу применить в вашей работе: от самоизменяющихся CSS-переменных до висячей пунктуации и других новинок. #### CSS: от хаоса к возможностям Если вы давно работаете с веб-раз...
Тестирование HTML с помощью CSS может быть полезным способом проверки структуры HTML! С помощью CSS-селекторов вы можете выявить различные проблемы или особенности в разметке. Вот несколько идей для тестирования:
Самоизменяющиеся CSS-переменные - это действительно новаторский способ работы с динамическими значениями, который открывает новые возможности для дизайна. Рассмотрим, как это работает и какие преимущества дает такой подход.
Стиль текста играет ключевую роль в создании привлекательного и удобного для чтения веб-дизайна. Одной из интересных задач является изменение стиля абзаца <p>, если за ним следует заголовок <h2>. В этой статье мы разберём, как это сделать с использованием CSS, и поделимся примерами, чтобы вы могли п...
DNS Git JavaScript Laravel Linux Livewire nginx PHP SEO Безопасность Деплой Интернет-магазин Кэширование Переезд сайта Почта