🔥 Трюк с :has() в CSS: "Родительская магия" Селектор :has() наконец стабильно работает во всех современных браузерах. Это открывает мощные возможности — реакция родителя на состояние потомка без JS! Пример: подсветить div, если внутри есть заполненный input: div:has(input:valid) { border: 2px solid green; } Или показать ошибку, если инпут невалиден: form:has(input:invalid) .error-message { display: block; } 📌 Зачем…
CodeBase | Frontend
Все самое интересное и полезное у нас 😎 (реклама, сотрудничество) Включи монетизацию своего TG-канала или сайта через РСЯ и получай пассивный доход. Подключиться по https://ya.cc/B2UP8W
Вашу рекламу в этом канале увидит до 150 человек
Заказать рекламу →Динамика подписчиков
с 20 июля 2026 по 28 сентября 2026 · минимум 1 940 · максимум 2 000
Кто рекламировался за полгода
Рекламодатель определён по маркировке рекламы в постах канала.
Публикации
CSS совет 💡 Возможно, ты не знал об этом новом и самом простом способе вертикально центрировать контент в блочном макете. CodeBase | Frontend | #CSS
Прокачать навыки вёрстки и фронтенда можно в телеграм! В этом канале опытный верстальщик делится структурированными уроками и различными материалами по HTML, CSS, JS , а также советами по заработку на фрилансе. Канал будет полезен: 1. начинающим и опытным верстальщикам 2. программистам 3. веб-дизайнерам Научиться и зарабатывать на верстке: @free_html_lessons
💡 Scroll-snap-type Позволяет создавать плавные, контролируемые прокрутки с «привязкой» к определённым позициям. .container { scroll-snap-type: x mandatory; } .item { scroll-snap-align: start; } 🔘 Используется для каруселей, слайдеров и списков. Зачем это нужно: ➡️ Сделать UX удобным и предсказуемым. ➡️ Избавиться от костылей на JS. CodeBase | Frontend | #JS