Мы учим писать код, а не полагаться на удачу. Но сегодня — исключение.

С 6 по 8 февраля ко Дню науки разыгрываем скидки с помощью удачи.

Как участвовать:

1️⃣ Отправьте в комментарии эмодзи 🎰 — Телеграм сам прокрутит барабан.
2️⃣ Скопируйте ссылку на сообщение с результатом.
3️⃣ Отправьте ссылку нашему менеджеру.

Что выпадет:

🎁 Три семёрки (777) — скидка 40% на любую профессию или курс и второй курс в подарок.
🎁 Два одинаковых символа — скидка 30% на любую профессию или курс.
🎁 Все разные — скидка 20% на любую профессию или курс.

Да, проигравших нет. Да, мы в курсе, что это не совсем научный подход. Но давайте попробуем.

ИИ-агенты в разработке: костыль или суперсила?

Василий Вишняков, основатель Bquadro, разрешает разработчикам использовать ИИ-агентов в работе. Но с одним условием.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎖 Программа обучения

clip-path и CSS-маски не меняют форму блока — они её имитируют. Рамка, тень, outline не знают о вырезах и работают как с обычным прямоугольником.

Свойство border-shape работает по-другому. Как border-radius научил рамки скругляться, так border-shape + функция shape() учат их принимать произвольную форму. Рамки повторяют контур, box-shadow и outline тоже.

В спецификации CSS Borders Level 4 уже есть черновик, а в Chrome Canary — первые работающие прототипы. Пока ждём поддержку в браузерах, самое время разобраться с функцией shape().

В новом выпуске «CSS Боли» — как мы дошли от border-radius до произвольных форм и почему маски оказались тупиком для рамок и теней.

🐭 Смотреть на YouTube
🐹 Смотреть в VK

text-align: justify делает текст аккуратным на первый взгляд, но может создать «реки» из пробелов и ухудшить читаемость.

В статье разбираем CSS-свойство text-align и его значения: left, right, center, justify. Отдельно рассматриваем start и end — они работают корректно при любом направлении текста, в отличие от привычных left и right. После теории закрепляем всё на практике в тренажёре. #css #webdev

🎁 Читать статью

CSS scroll-driven animations

Разбираем, как с помощью одного CSS-свойства сделать временную шкалу прокрутки.

Демонстрации:
🎁 Прогрессбар со scroll-анимацией
🎁 Абсолютное позиционирование

Полный выпуск:
🐭 Смотреть на YouTube
🐹 Смотреть в VK

Ставите z-index: 9999, а элемент всё равно прячется под другим? Дело не в числе, а в контексте наложения.

В статье разбираем, как работает z-index: почему он действует только на позиционированных элементах, как локальные контексты наложения мешают элементу «выпрыгнуть» наверх, и что кроме position контекст создают transform, filter и opacity. Плюс практические советы по организации слоёв в проекте. #css #webdev

🎁 Читать статью

text-decoration: none — одна строка, которая убирает подчёркивание ссылки. Но стоит ли это делать?

В статье показываем, как убрать подчёркивание через CSS и через инлайн-стили, когда это уместно — например, для ссылок-кнопок или карточек товаров, и как заменить стандартное оформление на своё: анимация, border-bottom, другой цвет. Отдельно о том, почему полностью убирать подчёркивание без замены — плохая идея для UX. #css #html

🚀 Читать статью

Пятница 13-е: AI «сломал» сайт — а мы даём скидки до 50%

Наш AI-агент «переписал» сайт. Кнопки съехали, блоки перепутались, логика поплыла. Мы не стали чинить — мы сделали из этого квиз.

Пять вопросов на логику и внимательность. Найдите, где система сломалась, — и получите скидку:

1️⃣ мидл-курсы и тренажёры — 50%,
2️⃣ профессия под работодателя — 20%,
3️⃣ лайт-профессии — две по цене одной за 29 000 ₽,
4️⃣ одна лайт-профессия — 22 000 ₽.

Квиз займёт две-три минуты. Скидки действуют с 13 по 15 февраля.

🎁 Пройти квиз: https://mrqz.me/friday13

Верстальщики больше не нужны.

Так считают многие — но основатель студии Bquadro объясняет, почему вёрстка никуда не делась и какие задачи компании доверяют именно верстальщикам.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎖 Программа обучения

SimpleUp — студия, которая строит маркетинговые решения для бизнеса. Вместо того чтобы гнаться за сеньорами на рынке, компания решила вырастить разработчиков с нуля.

В четверг 19 февраля (MSK) в 12:00 директор по развитию и тимлид разработки расскажут:

1️⃣ Зачем агентство нанимает джунов, а не опытных разработчиков
2️⃣ Как устроен рост внутри небольшой команды
3️⃣ Нужна ли вёрстка, когда есть нейросети
4️⃣ Что ждёт выпускников совместной программы

🎁 Бонус: среди первых 100 зарегистрировавшихся разыграем бесплатное место на программу. Итоги — в конце эфира.

https://htmlacademy.ru/events/live-simpleup

Накрутчики обрушили доверие к резюме — компании больше не верят ни трудовой, ни GitHub. Как доказать реальный опыт?
➿➿➿➿➿➿➿➿➿➿➿➿
Самый простой способ — дринкапы: бесплатные встречи разработчиков, где формируются связи и рекомендации. Начать можно уже на этой неделе. А ещё три способа посерьёзнее — в видео. Один из них — вечная ачивка, за другой вам ещё и заплатят.

В новом выпуске «CSS Боли» — почему кризис доверия останется навсегда и как подготовиться уже сейчас.

🐭 Смотреть на YouTube
🐹 Смотреть в VK

Форкнуть, клонировать, запушить — звучит просто, пока не откроешь терминал и не зависнешь на генерации SSH-ключа.

В статье проходим весь путь: установка Git, git config, регистрация на GitHub, настройка SSH. Потом — форк, git clone, создание ветки, первый коммит и пуш. В конце — пулреквест и синхронизация форка с мастер-репозиторием. Между шагами — квизы для самопроверки и словарик терминов. #tools #git

🎁 Читать статью

Завтра в 12:00 (MSK) — эфир с SimpleUp

Три вопроса, на которые ответят директор по развитию и тимлид разработки:

🎁 Как в небольшой студии выстроен процесс обучения новичков?
🎁 Что компания думает об AI-кодинге и нейросетях в разработке?
🎁 Правда ли, что глубокие навыки вёрстки больше не нужны?

В программу обучения включён курс «Фронтенд на автопилоте: AI-агенты на практике» — научитесь кодить вместе с AI-агентами, использовать Cursor и другие инструменты.

Не забудьте про розыгрыш — бесплатное место на программу среди первых 100 регистраций.

🎁 https://htmlacademy.ru/events/live-simpleup

Контент-менеджер прислал фото 1920×1080, а в карточке места 300×200. Без object-fit получается сплющенный кот.

Свойство object-fit управляет тем, как <img> или <video> вписывается в свой контейнер. cover заполнит бокс с обрезкой лишнего, contain впишет картинку целиком с сохранением пропорций, fill растянет как есть. В статье разбираем каждое значение на примерах и показываем, зачем добавлять max-width: 100%, чтобы картинки не ломали сетку. #css #html

📕 Читать статью