Верстка \ CSS 3

Как использовать CSS ::before и ::after для анимаций и переходов

От автора: Вы когда-нибудь сталкивались с красиво анимированным компонентом на веб-сайте и думали про себя: «Вау! Как красиво — я бы хотел, чтобы я мог так сделать», но быстро отказывались от этой мысли, потому что предполагали, что это либо выше ваших навыков, либо достижимо только с использованием какой-то библиотеки анимации?

Читать далее

Верстка \ HTML&CSS

Создание адаптивного мобильного меню на CSS без JavaScript

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

Читать далее

Верстка \ HTML&CSS

Создание компонентов пользовательского интерфейса с SVG и CSS

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

Читать далее

Верстка \ HTML&CSS

Анимация мобильных меню с помощью CSS

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

Читать далее

Верстка \ CSS 3

9 потрясающих инструментов CSS

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

Читать далее

Верстка \ CSS 3

Стандартизация стилей фокуса с помощью пользовательских свойств CSS

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

Читать далее

Верстка \ CSS 3

Как в CSS создать анимированные загрузчики страниц

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

Читать далее

Верстка \ CSS 3

Создание бесконечного цикла фонового изображения в CSS

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

Читать далее

Верстка \ CSS 3

5 главных ошибок в CSS

От автора: Язык CSS — простой, мощный и декларативный. Мы можем легко достичь сложных вещей, таких, например, как темный/светлый режим. Однако существует множество заблуждений и неправильного его использования. Они могут превратить разметку CSS в сложный нечитаемый и немасштабируемый код.

Читать далее