Flexbox в CSS для гибкой верстки сайтов
Верстка сайтов — это как сборка мебели из ИКЕА: вроде все детали есть, но без правильной инструкции получается криво. Раньше мы мучились с float, таблицами и костылями,...
Журнал студии
Новости, технологии и стандарты веб-разработки
Заметки команды о разработке, дизайне и технологиях — от внутренних кейсов до разборов кода.
Тонкости работы с CSS анимациями и трансформациями
Если вы когда-нибудь пытались сделать выпадающее меню или плавное появление карточки на CSS, то знаете: это не всегда работает так, как хочется. То дёргается, то тормозит,...
Создание сеток с CSS Grid для сложных макетов
Когда-то вёрстка напоминала игру в тетрис: подбираешь флоаты, мучаешься с отрицательными margin'ами, а результат всё равно разваливается на мобильных. Но пришёл CSS Grid...
Сетки без боли: как CSS Grid превращает сложные макеты в игру
Если вы когда-нибудь пытались собрать макет с кучей колонок, вложенных блоков и резиновых секций, то знаете, как это бывает. Флексы спасают, но иногда их не хватает....
Семантическая верстка: как сделать сайт понятным людям и поисковикам
Когда я начинал верстать сайты, моя первая страница была похожа на слоеный пирог из <div> — и все бы ничего, но разобраться в этом коде мог только я, и то с трудом....
Как улучшить SEO с помощью правильной структуры HTML
Когда вы создаете сайт, важно не только то, как он выглядит, но и то, как его понимают поисковые системы. Представьте, что ваш сайт — это дом, а поисковый робот — гость,...
Мастерство работы с кастомными шрифтами и иконками
Если вы когда-нибудь пытались сделать сайт непохожим на тысячи других, то наверняка сталкивались с проблемой: стандартные шрифты и иконки выглядят скучно. Хочется...