CSS.

CSS.

Представляем MDN MCP-сервер

Эта статья — перевод оригинальной статьи «Introducing the MDN MCP server».Самые полезные MCP и скиллы для фронтенд разработки можешь найти в этом посте.ВступлениеМы рады объявить о релизе MDN MCP-сервера. MCP (Model Context Protocol) — это открытый стандарт, который позволяет ИИ-инструментам подключаться к внешним источникам данных. MDN MCP-сервер использует этот протокол, чтобы доставлять документацию MDN и данные о совместимости браузеров прямо в твой редактор кода или IDE.

продолжить чтение

Как заставить AI-ассистента верстать премиальные интерфейсы вместо унылых серых шаблонов

Почему AI по умолчанию верстает плохоМногие фронтенд-разработчики замечают закономерность: какой бы современной ни была языковая модель, сгенерированный ею дизайн интерфейса обычно выглядит устаревшим. По умолчанию вы получаете серые кнопки, стандартный Tailwind и резкие переходы.Причина проста: нейросети обучались на гигантских массивах кода из открытых источников. В этих данных преобладают простые, утилитарные и зачастую серые интерфейсы. Модель выдает наиболее вероятный, то есть средний по качеству вариант.

продолжить чтение

Как я детей вайбкодингу учил

Привет, Хабр.Я продолжаю свою педагогическую вахту. В прошлый раз я рассказывал о том, как боролся с костылями в генераторе судоку, а сегодня хочу поднять тему, которая вызывает массу споров: искусственный интеллект.У меня сложилось стойкое ощущение, что среди моего окружения почти никто не умеет пользоваться этим инструментом правильно. Для большинства это либо волшебная кнопка, которая выдает мусор, либо шпаргалка, убивающая критическое мышление. Я решил показать детям другой путь, когда ИИ становится не заменой мозга, а мощным ускорителем реализации идей.

продолжить чтение

Как за выходные собрать сайт-визитку на чистом HTML-CSS использую нейронки

Меня зовут Богдан Непряхин, я CEO агентства bijobs.ru. Мы занимаемся performance-маркетингом и аналитикой данных. Я выступаю на конференциях, рассказываю про Яндекс Директ, VK Ads, работу с данными. И вот в начале 2026 года поймал себя на том, что мне неловко давать ссылку на «страницу спикера». Потому что её не было =) Была просто строчка на сайте агентства, без фото с конференций, без тем, без видео.

продолжить чтение

Frontend Status: свежий дайджест фронтенда и AI — 18.03.2026

Frontend Status: Привет! Свежий дайджест фронтенда и AIПривет!Это девятый выпуск Frontend Status — дайджеста по фронтенд-разработке.В этом выпуске:📺 Разговор с Машей Кондрашиной из Авито о том, что в IT больше не спорят из-за технологий.

продолжить чтение

Frontend Status: свежий дайджест фронтенда и AI — 05.03.2026

Frontend Status: Привет! Свежий дайджест фронтенда и AIПривет!Это седьмой выпуск Frontend Status — дайджеста по фронтенд-разработке.

продолжить чтение

Tailwind Labs сократил 75% инженерной команды из-за падения доходов

07.01.2026 Tailwind Labs — компания, стоящая за фреймворком Tailwind CSS, — уволила 75% инженеров на фоне резкого падения выручки примерно на 80%. Об этом стало известно во время

продолжить чтение

Анимированный UI: как улучшить взаимодействие с пользователем

Анимация пользовательского интерфейса прошла долгий путь за последнее десятилетие, они превратились в универсальный цифровой язык, который люди узнают и понимают. Эти микровзаимодействия позволяют дизайнерам общаться с пользователями посредством движения и анимации, предоставляя им рекомендации, контекст и создавая захватывающий пользовательский опыт.

продолжить чтение

Я CSS-программист: «Магия» CSS или как превратить язык стилей в Тьюринг-полный ад

Представьте, что вы — разумный человек. Вы знаете, что CSS — это язык стилей. Cascading Style Sheets. Для оформления. Не для логики. Не для программирования. Просто цвета, шрифты, отступы.А потом вы заходите на CodePen.И там кто-то сделал полностью рабочий калькулятор. На чистом CSS. Без JavaScript. Кто-то другой запрограммировал игру в крестики-нолики. С искусственным интеллектом. На CSS. Третий создал 3D-лабиринт с first-person камерой. Управление клавиатурой. Опять же — на CSS.И вы думаете: "Что за чёрт? Как это вообще работает?"

продолжить чтение

Долгий путь к ResizeObserver

Привет, Хабр! Меня зовут Анна, я JS-разработчик в компании SimbirSoft и занимаюсь разработкой веб-приложений на React. Эту статью я посвящаю тем, кто занимается разработкой, сталкивается с нестандартными задачами и переживает, что нашу профессию может вскоре заменить искусственный интеллект (ИИ). Я поделюсь решением задачи, связанной с динамическими размерами блока, — проблемой, с которой наверняка может столкнуться в своей работе любой frontend-разработчик.Почему же я назвала статью именно «Долгий путь к ResizeObserver»?

продолжить чтение

12