Верстка \ CSS 3

Видеоплеер для сайта

От автора: идею текущего урока вы могли, скорее всего, неоднократно видеть на различных сайтах. Суть ее проста: видео встраивается в какое-либо изображение, например, это может быть телевизор, ноутбук или смартфон. В экраны этих устройств позиционируется проигрываемый ролик и смотрится все это достаточно оригинально.

Продолжить чтение

Верстка \ CSS 3

Пользовательские стили полей ввода с современным CSS

От автора: в наши дни вполне возможно создавать собственные чек-боксы, переключатели и радио-кнопки, сохраняя при этом семантичность и доступность. Нам даже не нужна ни одна строка JavaScript или дополнительные элементы HTML! На самом деле в последнее время это стало проще, чем когда либо. Давайте рассмотрим, как это делается.

Продолжить чтение

Верстка \ CSS 3

Видеослайдер для сайта

От автора: в этом уроке вы найдете идею для организации видеослайдера для ваших сайтов. Полученный видеослайдер можно использовать, к примеру, в шапке сайта или же в какой-либо из его секций. Выглядит такое решение очень оригинально и симпатично.

Продолжить чтение

Верстка \ Адаптивная верстка

ResizeObserver - новый мощный инструмент для адаптивного Веб

От автора: слово «адаптивный» — это то, что мы часто даже не упоминаем, потому что в наши дни это уже стандарт в веб-разработке. Существует огромное количество различных экранов, и их число постоянно растет. Мы хотим иметь возможность поддерживать все возможные размеры и при этом сохранять хороший пользовательский опыт. И медиа-запросы CSS — отличное решение данной проблемы. Но как насчет адаптивных компонентов?

Продолжить чтение

Верстка \ CSS 3

Анимация CSS width и height без неприятного эффекта

От автора: возможность анимировать свойства CSS width и height была бы очень полезна. К сожалению, на данный момент это верный способ заставить ваш браузер биться в агонии. В этом 5-минутном руководстве мы рассмотрим использование свойства transform для имитации анимации ширины элемента.

Продолжить чтение

Верстка \ CSS 3

Использование адаптивных модификаторов для управления изменениями компоновки в компонентах

От автора: новый подход к адаптивности контент-зависимых компонентов — модификаторы. Планирование адаптивного поведения компонента может быть непростой задачей, особенно когда его содержание сильно влияет на компоновку компонента.

Продолжить чтение