Эффективные методы организации CSS кода
Когда-то я, как и многие, писал CSS в один файл, добавляя стили по мере появления. Через полгода проект превращался в минное поле: одно неверное изменение — и ломается...
Журнал студии
Новости, технологии и стандарты веб-разработки
Заметки команды о разработке, дизайне и технологиях — от внутренних кейсов до разборов кода.
Анимации на CSS для улучшения пользовательского опыта
Каждый раз, когда вы наводите курсор на кнопку и она плавно меняет цвет, или когда меню выезжает сбоку — это не магия, а CSS-анимации. Они делают интерфейс отзывчивым...
Продвинутая работа с CSS препроцессорами
Если вы всё ещё пишете ванильный CSS и копипастите одни и те же свойства в каждый блок, то эта статья — для вас. Препроцессоры — это не просто «переменные и вложенности»,...
Секреты создания кроссбраузерной верстки на HTML
Каждый, кто хоть раз верстал сайт, сталкивался с ситуацией: в Chrome всё идеально, а в старом Firefox — всё поехало. Или наоборот. Это как готовить борщ: вроде все ингредиенты...
Как сделать сайт удобным для всех: доступные веб-страницы на HTML и CSS
Когда я впервые начал верстать сайты, я думал, что доступность — это что-то сложное и скучное. Но потом я понял: это как сделать пандус у входа в магазин. Вроде бы мелочь,...
Стилизация форм с CSS для повышения конверсии
Формы — это мост между вами и клиентом. Если мост шатается, никто по нему не пойдёт. Плохо оформленная форма — как табличка «закрыто» на входе в магазин. Пользователь...
Анимации на CSS для улучшения пользовательского опыта
Когда вы в последний раз заходили на сайт и чувствовали, что он "дышит"? Кнопки плавно меняют цвет, блоки мягко появляются, а переходы между страницами не режут глаз....