RU

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

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

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

LandTS или новый ответ на старые вопросы о разработке фронтенда

Организованная разработка фронтенда должна отвечать на три вопроса: компоненты, ререндеринг, стилизация. И LandTS легко на них отвечает. Просветиться

frontendfrontend-разработкаtypescriptjavascriptcssreactкомпоненты
Habr
RU

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

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

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

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

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

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

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

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

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

QML и CSS не нужны. Использование QStyle (QStyleFactory) для изменения дизайна Qt приложения с выбором для пользователя

В статье рассказывается о функционале, о котором забыли даже разработчики Qt. Дело в том, что этот функционал даёт уникальные возможности стилизации…

стилиqtc++программированиеинтерфейсыqmlcssqt5qt6
Habr
RU

Тест зелёный, фича сломана: семь случаев, когда проверка совпала по неверной причине

Тест зелёный, а фича сломана — потому что проверка смотрит на форму, а не на эффект: имя поля в файле есть, а в разметку оно не попало. Семь таких с…

тестированиемутационное-тестированиеplaywrightviteste2e-тестыtypescriptcssрегулярные-выраженияtelegram-mini-apps
Habr
RU

[Перевод] Как связать дизайн-токены Figma с кодом — Часть 1

Дизайн-токены — источник истины для визуальных свойств вашей дизайн-системы: цвета, типографика, отступы и так далее. Вместо того чтобы задавать осн…

cssbootstrapдизайн-системафронтенд-разработкаui библиотекаangularscss
Habr
RU

[Перевод] Размытая граница между состояниями CSS и событиями JavaScript

CSS “слушает” нас. Нет, не в буквальном смысле . Суть в том, что в CSS появляется все больше псевдоклассов, которые позволяют реагировать на события…

javascriptjscsseventсобытиеtimeweb_статьи_переводpseudo-classпсевдоклассhandlerобработчик
Habr
RU

Частые ошибки в вёрстке, которые встречаются даже на крупных проектах

Привет, Хабр! Я во фронтенде уже пятнадцать лет и всегда видел разные примеры кода «с душком». То, что десять лет назад считалось нормальной практик…

версткадоступность сайтовcsshtmlruvds_статьи
Habr
RU

Установщик на Go Wails: Полный гайд. Своя self-hosted двухсерверная VPN-архитектура: ЧАСТЬ 3

Повествование будет идти таким образом: описание архитектуры в целом, потом код по страницам с картинками как это все выглядит. В отличие от чернови…

htmlcssgojavascriptwailsавтоматизациясистемное администрированиеприложениеself-hostedустановка
Habr
RU

[Перевод] Создание цветовой темы с помощью light-dark(), contrast-color() и запросов стилей

В этом небольшом туториале я покажу вам, как с помощью нескольких новых возможностей CSS можно создать действительно прикольную динамичную систему т…

csswebdevthemethemingcolorтематематизацияцветnew featuresновые возможности
Habr
RU

[Перевод] Набор инструментов для разработчика: готовим сайт к эпохе AI-агентов

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

aifrontendaccessibilitycsschrometypescriptjavascriptииии-агенты
Habr