HTML Academy

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

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

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

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

Код, с которого начинают во фронтенде, всё чаще пишет ИИ. Зачем Андагар растит своих джунов с нуля? 23 июля в 12:00 (MSK) спросим об этом у самой компании в прямом эфире. Андагар 10 лет делает цифровые продукты и высоконагруженные платформы для крупного бизнеса:…Сегодня работодатель отвечает вживую...

Код, с которого начинают во фронтенде, всё чаще пишет ИИ. Зачем Андагар растит своих джунов с нуля?23 июля в 12:00 (MSK) спросим об этом у самой компании в прямом эфире. Андагар 10 лет делает цифровые продукты и высоконагруженные платформы для крупного бизнеса: энергетика, банки, ритейл, фарма, логи...

🆕 Мы пересобрали курс «Фронтенд на автопилоте: AI-агенты на практике». От старой версии почти ничего не осталось, и название стало честнее: «Разработка с AI-агентами: инженерный подход».За новым названием стоит главный сдвиг на рынке: производство кода дешевеет. Агент выдаёт его за минуты. Дорого т...

Лего-гридыГриды бесят. Это самый сложный и муторный механизм раскладки, в котором есть дополнительная (по сравнению с флексами) виртуальная сущность — шаблоны.Флексы намного проще и намного популярнее. Но, к сожалению, владеть нужно и гридам — слишком уж мощная технология.И если разбираться с гридам...

Сегодня скидка закрывается вместе с выходными. 60% на курс «Протоколы и сети: основы» по промокоду NET60 — до конца дня.Понимание сетевых протоколов — один из навыков, которых не хватает мидл-фронтендерам: так показывает наша карта компетенций. Если откладывали курс — сегодня последняя возможность в...

Большинство фронтендеров работают с сетью каждый день, но редко глубже, чем «отправил запрос — получил ответ». Почему ответ медленный, почему рвётся соединение, почему одни данные шифруются, а другие идут открытым текстом — это уже за пределами fetch().За четыре раздела курса «Протоколы и сети: осно...

Продолжение мини-игры по CSS-фильтрамМеняйте код, подбирая комбинации карточек, чтобы повторить образец. Чем меньше ходов — тем вы круче!Можно играть даже на мобильном.👉🏻 Играть здесьПродолжение мини-игры по CSS-фильтрамМеняйте код, подбирая комбинации карточек, чтобы повторить образец. Чем меньше...

Карусели, ленты сторис, постраничные слайдеры раньше означали JavaScript: обработчики касаний, подсчёт смещений, ручная докрутка. CSS Scroll Snap делает «прилипание» к слайдам силами самого браузера — двумя свойствами и без единой строки скрипта.Работает во всех современных браузерах, а в старых лен...