Рубрика: CSS

Руководство пользователя по переменным CSS — 26.06.2020

Переменные в CSS были крайне востребованной функцией рабочей группы CSS Консорциума World Wide Web, к которой я присоединилась в 2012 году, с самого начала группы в 1997 году. К концу 2000-х годов сообщество разработчиков — в своем стремлении уменьшить дублирование и оптимизировать работу — разработало много решений для смягчения отсутствия ПОДРОБНЕЕ

Якорная ссылка на протеине с анимацией

В статье речь пойдет о том, как подключать в web страницу объемные элементы анимации, и не поломать все и сразу. Первое что необходимо иметь это — секвенция кадров (от англ. «sequence» (последовательность, ряд)), или по-простому – раскадровку. Анимация должна смотреться плавно, не дёргано, и последний кадр должен визуально быть сопоставимым ПОДРОБНЕЕ

Практика CSS Scroll Snapping

Спецификация CSS Scroll Snap позволяет привязывать положение прокрутки к определённым элементам или местоположению после того, как пользователь совершил прокрутил страницу или элемент.

Браузерная поддержка и базовое использование

С тех пор, как CSS Scroll Snap был представлен в 2016 году, поддержка браузерами существенно улучшилась. К 2018 году Google Chrome (69+), Firefox, Edge, и Safari поддерживали какую-либо версию этого модуля. Согласно CanIUse, на данный момент технология поддерживается всеми современными браузерами.

Как написать хороший HTML & CSS код с помощью Webflow

Недавно я воспользовался Webflow, чтобы сгенерировать большую часть HTML и CSS кода, предназначенного для главной страницы. Закончив, я понял, что с помощью данного инструмента смогу написать намного больше качественного кода за определенное количество времени, чем обычно. В этой статье я бы хотел рассказать вам о Webflow, о том, почему с ПОДРОБНЕЕ

Новые медиазапросы: адаптируем страницу к яркому свету и ночному режиму, управляем контрастностью и анимацией с помощью CSS

Медиазапросы — один из самых мощных инструментов CSS. С их помощью можно менять стили в зависимости от типа устройства и условий просмотра. И очень часто появляются новые медиазапросы, которые расширяют возможности разработчика. В предварительной версии Media Queries Level 5 есть несколько очень интересных инструментов. Некоторые из них ещё дорабатываются, а ПОДРОБНЕЕ

Почему никто не рассказал мне это о CSS

Многим разработчикам, кажется, нет дела до CSS и это не новость. Тем не менее многое из того, что мы узнаём, происходит в процессе общения с коллегами. Иногда я осознаю, что в CSS есть “подводные камни”, о которых мне никогда не рассказывали, потому что многие разработчики никогда не тратили время на ПОДРОБНЕЕ