RU

React 19.3: что реально поменялось и почему это важно

Если следить за React только по крупным релизам, легко пропустить момент, когда библиотека тихо меняет направление. React 19.3  — как&nbsp…

reactcsshtmljstsфронтендфронтенд-разработкафронтэндфронтэнд javascriptфронтенд технологии
Habr
RU

Скам расправил плечи: как ИИ открыл возможности для мошенников в ИТ-найме

Сейчас в ИТ-сфере довольно турбулентно и непредсказуемо: экономическая нестабильность, массовые увольнения, сокращение общего числа вакансий, повсем…

безопасностьбезопасность в сетифронтендфронтенд-разработканаймскам
Habr
RU

От AJAX до React: как мы полностью изменили архитектуру разработки фронтенда ВКонтакте

Привет, Хабр! Меня зовут Егор Смирнов, я руководитель команды Backend for Frontend в VK. Одна из зон нашей ответственности — поддержка и развитие ин…

reactфронтендархитектураajaxдеплойbffssgperformanceпроизводительностьпроектирование
Habr
RU

История HTML и CSS. Какие элементы и свойства ушли навсегда

Хабр, привет. Многие люди с интересом относятся к истории. Читают книги, рассматривают архитектуру городов, смотрят фильмы времени наших родителей.…

htmlcssвеб-разработкафронтендбраузерывёрсткаустаревшие технологииlegacyruvds_статьи
Habr
RU

Как писать фронтенд на Scala в функциональном стиле с Typelevel стеком?

Привет! Меня зовут Артём. Я руководитель группы Scala-разработчиков в компании «Криптонит» , бэкенд-разработчиков, если быть точнее. Мы пишем на Typ…

scalafunctional programmingфронтендфункциональное программированиеtypelevelфункциональный стиль
Habr
RU

Задача со звёздочкой для фронтенда: выравниваем иконки с текстом

Расположить иконку рядом с текстом — с этой задачей сталкивался каждый фронтенд-разработчик. Вроде бы ничего сложного. Тогда почему с ней не могут с…

текстовые иконкиcssтипографикаметрики шрифтадизайн-системыvertical-alignline-heightвыравнивание текстадизайн-системафронтенд
Habr
RU

Почему баги кроссбраузерности до сих пор никуда не исчезли

Выкатили новую фичу, а потом бэкендер со своим Firefox пишет, что у него что-то не работает? Или пользователь с Safari жалуется на неудобства? Ничег…

selectelкроссбраузерностьфронтендбраузерные движкиblinkwebkitgeckowebviewтестирование веб-приложенийотладка
Habr
RU

Мы сделали свой UI Kit: 6 компонентов превратились в 30+, а одна ошибка сломала разметку во всех проектах

Мы сделали свой UI Kit: 6 компонентов превратились в 30+, а одна ошибка сломала разметку во всех проектах С чего всё начиналось Когда в проекте начи…

javascripttypescriptuikituiui kitreactreact.jsпрограммированиефронтендфронтенд-разработка
Habr
RU

HTML и CSS помогут вам сделать дружелюбный интерфейс! Вот моя коллекция простых лайфхаков

Привет, Хабр. Я переживаю, когда вижу плохие интерфейсы. Мне не нравится, когда пользователю сложно или неудобно. У меня очень сильно подгорает от э…

htmlcssфронтенддоступностьвеб-разработкаuxuiruvds_статьи
Habr
RU

Как виджет для интернет-магазина чуть не спалил мой iPhone: Lottie vs видео-спрайты на телефонах

Казалось бы, что может пойти не так с легковесными векторными анимациями? Вектор в Lottie, JSON весит копейки. Но тестирование на реальном телефоне…

lottieвидео-спрайтыweb performanceоптимизацияфронтендsafarie-commerceанимациятроттлингвиджет
Habr
RU

Продуктовая гипотеза или баг фронтенда: как перестать угадывать почему пользователи не дошли до цели

Возьмём типичный отчёт воронки интернет-магазина: «Каталог → Товар → Корзина → Оформление заказа → Оплата». До последнего шага дошло 38% сессий, ост…

customer journey mapфронтенд-разработкафронтендмобильные приложенияошибки в кодемониторинг сайтапользовательский опытмониторингrum
Habr
RU

Как мы победили рутину: строим spec-driven платформу для генерации email

410 вариантов писем, сотня микросервисов и до 15 файлов, которые приходилось править ради одной нотификации. Добавление письма превратилось в квест:…

openapinestjsreactавтоматизацияspec-driven developmentкодогенерацияreactjsфронтенд
Habr
RU

Как совмещать работу и учёбу: кейс студентки онлайн-магистратуры ИТМО в партнёрстве с Яндексом

Привет, меня зовут Кристина Меликова, я учусь в онлайн-магистратуре ИТМО в партнёрстве с Яндексом на программе «Фронтенд и бэкенд-разработка» и рабо…

обучение программированиюяндекс практикумитмонияу мифимагистратурапрограммированиеразработкабэкендфронтендонлайн-образование
Habr
RU

Сложные сайты на вайбкоде: четыре лендинга, два пути к «дорогим» эффектам и 3D-логотип из спрайтов

TL;DR За последний год я собрал вайбкодингом не один десяток лендингов — для программ МФТИ, для своих проектов и на заказ. Разберу четыре самых пока…

вайбкодингWebGLThree.jsшейдерылендингClaude CodeфронтендGLSLанимацияAI-агенты
Habr
RU

Картинка грузится, а fetch к тому же хосту — нет: как CSP тихо сломала три интеграции

Полгода назад я закрыл замечание аудита «на сайте нет CSP» — прописал Content‑Security‑Policy с белым списком хостов, проверил, что н…

cspcontent-security-policyconnect-srcnext.jsотладкамониторингфронтенд
Habr
RU

Заметки фром реакт документейшен | React: грабли, о которые я спотыкалась. Часть 1

React я использую совсем недавно и вообще я бэкенд разработчик, но жизнь завела меня во фронтенд. Получилось так, что времени на обучение и курсы у…

ReactuseStateuseEffectuseCallbackuseMemouseRefReact.memoStrictModeConcurrent Modeфронтенд
Habr
RU

Почему фронтенд съедает больше времени, чем бэкенд

Статья про то, как построить приложение с AI-ассистентом и не застрять на самом неприятном месте, когда бэк готов, а интерфейс внезапно съедает неде…

ai-ассистентыspec-driven developmentvibe codingфронтендвеб-разработкаинтерфейсыplaywright mcpдизайн-системаaccessibilityкачество кода
Habr
RU

Почему хороший результат в разработке с ИИ начинается не с промпта

Хабр, привет! Меня зовут Сергей Бережной, я директор по взаимодействию с разработчиками в Яндексе и эксперт онлайн-магистратуры «Фронтенд-, бэкенд-р…

иипромптпромпт-инжинирингпромптингразработкафронтенд-разработкабэкенд-разработкафронтендбэкенднейросети
Habr