С 1 по 11 января стартует масштабная акция: «Новогодние канИИкулы — битва за Кексобота». Конец 2025-го: ИИ уже смотрит на нас из баннеров и статей — и, похоже, добрался до самого неприкосновенного. Кексобот захвачен, но у нас есть бэкдор и всего 11 дней, чтобы вернуть его домой. В эти дни участникам откроют доступ ко всем тренажёрам: задания, испытания и вызовы, ежедневная фронтенд-викторина и баллы за каждую полезную «попытку чинить систему».

jQweny уверяет, что разработчиков можно заменить, но у него есть слабое место: он не умеет подделывать настоящий прогресс. В телеграм-боте каждый день появится список тренажёров, которым сейчас важнее всего ваша помощь, а в 10:00 (MSK) придут вопросы викторины — ответ нельзя изменить, и на следующий день вопросы исчезнут. Зовите друзей и проходите вместе: каждое действие добавляет баллы в общий прогресс и приближает нас к моменту, когда Кексобот снова будет на своей стороне. 1 января начинается самое главное испытание этой зимы!

👍 Подробнее

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

В статье показываем, что именно выбирает *, и разбираем базовый пример: обнуляем margin и padding, задаём шрифт для всего документа.

А ещё напоминаем про важную оговорку: если навесить на универсальный селектор слишком много правил, это может замедлить загрузку страницы. #css #webdev

📌 Читать статью

«Новогодние канИИкулы — битва за Кексобота» завершилась!

С 1 по 11 января шла настоящая битва: тренажёры были открыты, а jQweny пытался удержать контроль над системой. Все праздники вы проходили задания и испытания, участвовали в викторинах, искали подарки на сайте и набирали баллы — каждый шаг помогал восстановить инфраструктуру и вернуть Кексобота. Человеческий код, внимание к деталям и упорство оказались сильнее автоматической «оптимизации».

Сегодня в 20:00 (MSK) мы подведём результаты Новогодних канИИкул и разыграем призы среди самых активных — тех, кто вложил больше усилий для спасения Кексобота.

🐭 Смотреть в YT
🐹 Смотреть в VK

CSS свойство transform позволяет манипулировать элементами на вашей веб-странице, изменяя их форму, размер и положение. В общем виде свойство transform записывается так: transform: функция(значение);, где функция — это тип преобразования, который вы хотите применить, а значение — параметры этого преобразования.

В статье на практических примерах разбираем базовые функции translate, rotate, scale и skew — как сдвигать, поворачивать, масштабировать и наклонять элементы через transform.

А ещё показываем, как эти преобразования анимировать с помощью transition и @keyframes, и напоминаем важное: transform — для эффектов и анимаций, а для раскладки страницы лучше использовать flexbox или grid. #css #html

📌 Читать статью

Рамки в форме вырезов — без SVG, картинок и костылей
➿➿➿➿➿➿➿➿➿➿
Кажется, CSS-маски умеют всё… пока дизайнер не говорит: «А можно, чтобы рамка повторяла форму выреза?»

В новом выпуске «CSS Боль» рассказываем, почему привычные border и box-shadow внезапно перестают работать, и как современный CSS позволяет решить задачу аккуратно, надёжно и с отличной поддержкой.

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

Смежный селектор в CSS, обозначаемый знаком плюс (+), позволяет выбрать элемент, который идёт сразу после другого элемента и находится с ним на одном уровне DOM.

В статье разбираем, как работает селектор A + B, и показываем, где он особенно удобен: когда нужно оформить «следующего соседа» (например, абзац сразу после заголовка) без дополнительных классов. #css #html

✨ Читать статью

Grid Layout — одна из самых зрелых технологий в CSS. Но долгое время у него была одна неочевидная граница: анимация размеров сетки.

CSS Grid теперь можно анимировать напрямую — без JavaScript и обходных приёмов. В статье объясняем, что свойства grid-template-columns и grid-template-rows стали анимируемыми во всех современных браузерах, поэтому изменения сетки можно плавно задавать через transition.

Разбираем, где это особенно полезно: для раскрывающихся сайдбаров, акцентирования карточек и интерфейсов, где сетка должна мягко перестраиваться. #css #baseline

🟢 Читать статью