HTML Academy

CSS Anchor Positioning Бывают такие фичи, до которых долго доходят руки. Но чуть познакомишься — понимаешь, что фича — бомба. Якорное позиционирование — бомба, прям петарда чёрный корсар из детства. Заякорённые элементы это как бы абсолютно позиционированные, но с суперспособностями. Например, их можно привязывать не т…

Штош, вот и подходит к концу 1 сентября и начинается учебный год. А ваше «когда-нибудь разберусь с программированием» переедет на следующий учебный год. На htmlacademy.ru снова работает «Колесо фортуны», вход через коробку с подарком. Что выпадет, то ваше: персональная скидка на обучение и повод начать учиться в один д…

Треугольники на CSS Недавно вышла статья, в которой автор открыл для себя треугольники на конических градиентах. Идея простая: помещаем центр градиента в угол и используем резкий переход цветов. Способ гибкий и удобный: не нужен дополнительный элемент, можно сделать сразу несколько треугольников и независимо управлять …

Флексы или флоаты Для опытных разработчиков этот вопрос даже не встаёт. Выбор в пользу флоатов очевиден. Но для фронтендеров-неофитов последних двух поколений были придуманы флексы. Этакое простое введение в системы раскладок (в общем-то такая же эрзац-система-раскладки, как и гриды). Главная цель флексов — не отпугнут…

Мифические измерения гридов "Флексы одномерные, а гриды двумерные" (ага, а трансформации трёхмерные). Никогда не понимал, что это значит. Признайтесь, у кого так же? Я расшифровываю это так: в гридах есть явная двумерная адресация для элементов, а во флексах — нет. Грид-элементу можно сказать: "живи в 4 колонке 3 ряда"…