CSS задачи на 200 IQ
У вас бывает такое чувство, когда вы при выполнении работы упёрлись в какую-то проблему и что-то внутри подсказывает, что не может такого быть, чтоб…
Latest News
⚑ Report a ProblemTech news from the best sources
All topics
- Искусственный интеллект, машинное обучение, нейросети
- Новости сети
- автомобили, мотоциклы, транспортные средства
- вирусы, трояны, уязвимости в ПО, вопросы безопасности
- игры
- космос
- мобильные телефоны, смартфоны, сотовая связь, коммуникаторы, КПК
- модули ОЗУ, карты памяти, флеш-накопители, кардридеры
- на острие науки
- процессоры
LLM
ai
ai-агенты
claude
devops
llm
open source
python
ruvds_статьи
Статьи
автоматизация
ии
ии-агенты
информационная безопасность
искусственный интеллект
машинное обучение
нейросети
программирование
разработка
тестирование
[Перевод] Как связать дизайн-токены Figma с кодом — Часть 1
Дизайн-токены — источник истины для визуальных свойств вашей дизайн-системы: цвета, типографика, отступы и так далее. Вместо того чтобы задавать осн…
К сожалению, вы упускаете пользу этих CSS псевдо-классов и псевдо-элементов
Привет, Хабр! В CSS огромное количество псевдо-элементов и псевдо-классов. Так много, что я не знаю ни одного фронтендера, который помнит все. Я тож…
Мои любимые CSS-трюки для фронтендеров, которые не используют Tailwind
Привет, Хабр! Сегодня фронтендеры любят подход атомарных классов, в частности Tailwind. Я не имею ничего против этого подхода. Каждый волен выбирать…
Astryx: дизайн-система, которой может пользоваться AI-агент
В прошлой статье про StyleX я разбирал, почему компилируемый CSS выглядит логичным продолжением ветки CSS-in-JS. Одно из главных свойств StyleX для…
3 хорошие привычки начинающего фронтендера
Привет, Хабр! Давно я не писал статей для начинающих фронтендеров. Сейчас им приходится знать ещё больше, чем раньше, но есть и хорошая новость. В в…
[Перевод] Размытая граница между состояниями CSS и событиями JavaScript
CSS “слушает” нас. Нет, не в буквальном смысле . Суть в том, что в CSS появляется все больше псевдоклассов, которые позволяют реагировать на события…
Частые ошибки в вёрстке, которые встречаются даже на крупных проектах
Привет, Хабр! Я во фронтенде уже пятнадцать лет и всегда видел разные примеры кода «с душком». То, что десять лет назад считалось нормальной практик…
Как верстали 15 лет назад
Хабр, привет. Я сейчас часто обмениваюсь книгами. И так получилось, что мне попалась книга по вёрстке 2004 года. Мне было забавно почитать о техника…
Установщик на Go Wails: Полный гайд. Своя self-hosted двухсерверная VPN-архитектура: ЧАСТЬ 3
Повествование будет идти таким образом: описание архитектуры в целом, потом код по страницам с картинками как это все выглядит. В отличие от чернови…
Вы не знаете CSS. Мои вопросы о CSS с ответами. Версия 2026 года
Хабр, привет! В прошлом месяце я опубликовал статью с вопросами о HTML. Неожиданно для меня, она понравилась многим и стала одной из самых популярны…
[Перевод] Создание цветовой темы с помощью light-dark(), contrast-color() и запросов стилей
В этом небольшом туториале я покажу вам, как с помощью нескольких новых возможностей CSS можно создать действительно прикольную динамичную систему т…
backdrop-filter: blur() — как он работает и как его правильно использовать
Cвойство backdrop-filter: blur() под капотом работает совсем не так, как интуитивно кажется, и это приводит к багам, которые нелегко воспроизвести и…
Пожалуйста, используйте эти CSS медиа-фукции
Привет, Хабр! Я начал использовать медиа-запросы ещё в 2011 году. Помню, как на работе руководитель подарил мне книгу Итана Маркотта «Отзывчивый веб…
[Перевод] Набор инструментов для разработчика: готовим сайт к эпохе AI-агентов
Искусственный интеллект стремительно эволюционирует: от простого генерирования текста нейросети переходят к полноценному веб-серфингу, активному вза…
Визуальный стек статейного сайта: типографика, цвет и комьюнити-слой
Визуальный стек статейного сайта складывается из сотен мелких решений — от оси GRAD в шрифте до длительности анимации закрытия модального окна. Кажд…
Заменяем JavaScript с помощью HTML и CSS
Хабр, привет! Многие фронтенд-разработчики часто отдают предпочтение JavaScript при реализации интерфейсных элементов. Я же разработчик старой форма…
Вы не знаете HTML. Мои вопросы об HTML с ответами
Хабр, привет! Меня всегда раздражали вопросы на проверку знаний HTML и CSS. На моей памяти я ни разу не встретил человека, который спрашивал что-то…
Frontend Status: свежий дайджест фронтенда и AI — 15.06.2026
Привет! Это 18 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Экосистема TanStack кажется бесконечной, а browser gamin…
Frontend Status: свежий дайджест фронтенда и AI — 15.06.2026
Привет! Это 18 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Экосистема TanStack кажется бесконечной, а browser gamin…
Анатомия «живой» кнопки: 5 слоёв, GPU-анимация и трюки с CSS
Хочу поделиться кейсом, когда разработка типичного tab-switcher превращается в настоящее архитектурное решение. Читать далее
Я устал от Electron, Tauri и Neutralino — и случайно сделал… лучше?
Webnative - фреймворк для разработки нативных приложений на языках веба с использованием нативных webview компонентов. Читать далее
Как заставить AI-ассистента верстать премиальные интерфейсы вместо унылых серых шаблонов
Разбираем концепцию правил визуального вкуса (taste rules) и как вайбкодить фронтенд со вкусом. Настраиваем физику анимаций, цветоую палитру и прави…
Устаревшие CSS-техники, от которых уже можно отказаться
Привет, Хабр! В общении с коллегами я всё чаще замечаю, что многие не знают о последних возможностях CSS. Кто-то настолько занят повседневными задач…
Как выжать из HTML/CSS динамику, или создание IRC клиента без JS
Когда возникает идея создать браузерный IRC-клиент без JavaScript, приходится сталкиваться с классической проблемой фронтенда: все насколько привыкл…
Frontend Status: свежий дайджест фронтенда и AI — 04.06.2026
Привет! Это 17 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Страница отрисована, а интерфейс всё ещё «оживает»: отло…
Я сделал Vite-плагин, который сохраняет изменения CSS прямо в исходники
Каждый раз, когда я хотел поправить отступ или цвет в процессе разработки, я делал одно и то же: открыл DevTools → нашёл элемент → поменял значение…
Что новенького есть в CSS в 2026 году?
Привет, Хабр! Мне всегда нравилось следить за тем, как развивается CSS. Стараюсь следить за новыми возможностями, чтобы не пропускать что-то действи…
Frontend Status: свежий дайджест фронтенда и AI — 25.05.2026
Привет! Это 16 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Если Next.js кажется слишком «магическим»: интервью с со…
[Перевод] Управляемый прокруткой CSS в 2026 году — разработка карусели без JavaScript
Исторически создание карусели в веб-разработке означало использование какой-либо JS-библиотеки. Slick, Swiper, Flickity, Embla Carousel и другие зап…