10 постов

#frontend

Статьи с тегом #frontend.

← Все статьи

(01) Прогрессивное улучшение в 2026 — не мёртвая ли идея Прогрессивное улучшение — сначала рабочий HTML, потом CSS поверх, потом JS поверх. Идея из 2003. В мире, где у всех React и SPA на 1 МБ JS, звучит как археология. Но статистика показывает, что 1-2% пользователей сидят с отключённым или сломавшимся JS — и для бизнеса это сотни заявок в год. Разбираем, что из принципов всё ещё актуально, а что можно отпустить. (02) Доступные формы — нативная валидация vs кастом Половина форм в рунете ломают скринридер, перехватывают Tab и показывают ошибку красным текстом без `aria-describedby`. Разбираем, что даёт нативная HTML-валидация бесплатно, где её недостаточно, и как сделать кастомную без потери доступности. (03) Анимации на CSS scroll-driven — без библиотек Раньше для анимации по скроллу тянули GSAP, Lenis, ScrollTrigger — 50–120 КБ JS. В 2026 нативный CSS `animation-timeline: scroll()` и `view()` закрывают 80% задач без единой строки JS. Разбираем синтаксис, поддержку и реальные кейсы. (04) Web Components в 2026 — стоит ли без фреймворка Web Components стандартизированы 10 лет назад, но «React победил». В 2026 ситуация поменялась: Shadow DOM, Declarative Shadow DOM, slots в SSR — реально работают. Разбираем, когда брать. (05) Server Components в продакшене — где помогают, где мешают React Server Components обещают меньше JS на клиенте, нативный доступ к БД и быстрый TTFB. На практике — половина команд возвращается на SSR-only. Разбираем, где RSC выигрывают, где ловушки. (06) HTMX в продакшене: где работает, где разваливается HTMX обещает SPA без SPA: атрибуты на HTML, сервер отдаёт куски разметки. Разбираем три проекта в проде — где это действительно проще, а где упёрлось в стенку. (07) Astro 5 в 2026 — что взять для маркетингового сайта Astro 5 закрепился как дефолт для лендингов и блогов. Что реально полезно из новых фич — Server Islands, Content Layer, View Transitions. (08) CSS Grid vs Flexbox — разделение труда в 2026 Grid для двумерных макетов, Flexbox для одномерных. Звучит просто. Команды до сих пор путают. (09) i18n в SPA — рабочий стек Локализация SPA — это не «переведём строки». Это даты, числа, валюты, плюрализация, RTL, SEO. Что взять. (10) Next.js или Nuxt 3 — выбор для команды У вас Vue-команда. Next.js или Nuxt? И второе: у вас React-команда. А Nuxt лучше? Не лучше — это инструменты для разных сред.