Front-end Digest № 126: зловживання CSS для трекінгу, Baseline в житті розробників та місце злочину UseEffect

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Привіт, колеги. Мене звати Олександр, я займаюся фронтендом в компанії Zfort Group. Маю для вас свіжий дайджест з цікавими матеріалами зі світу фронтенду за останній тиждень.

Веброзробка

• Принципи програмування для фронтендерів-самоучок
• Спрощені поля для одноразового пароля
• Чому заголовки важливі в HTML: структура, доступність та SEO
• Безлад з кольором теми/тонуванням вкладок у Safari iOS26 при використанні елементів з фіксованою позицією

• Baseline
  • Perfecting Baseline — думки співголови спільноти W3C WebDX Community Group щодо ролі Baseline в житті веброзробників
  • Browserslist & Baseline
  • ESLint плагін для Baseline JavaScript
  • Жовтневий дайджест оновлень в Baseline
• Інструменти
  • Чому фронтенд має запускати AI моделі локально з ONNX
  • Організація файлів Figma для MVP та кодогенерації на основі ШІ
  
• Продуктивність
  • Рейтинг продуктивності вебанімації
  • Дієвий моніторинг вебпродуктивності
  
• Анімація
  • Створення нескінченної 3D-каруселі з реактивними градієнтними фоновими зображеннями
  • View Transitions API: плавні анімації між станами DOM

CSS

• Невидимий трекінг у браузері: як зловживають каскадними таблицями стилів (CSS)
• Анімація CSS ширини або висоти тепер не викликає анімацію головного потоку (в Chrome, якщо дотримано умов)
• Range Syntax для Style Queries
• Адаптивний список складених/накладених зображень
• CSS Gamepad API: візуальне налагодження за допомогою CSS Layers
• Псевдокласи CSS :interest-invoker та :interest-target
• Заголовки: Семантика, Адаптивність і Стилізація — Ой лишенько!
• Бездоганно вирівняні підказки: по кутах
• Створення генеративних CSS-світів

JavaScript

• Теорія
  • Практичний посібник з Blobs, File API та оптимізації пам’яті
  • Ланцюжок помилок в JavaScript: чистіше налагодження з Error.cause
  • Не діліть рядки навмання: спробуйте Intl.Segmenter
  

• React
  • Як виправити недоліки маршрутизації React за допомогою React Router Middleware
  • 15 поширених помилок useEffect, яких слід уникати у ваших React-застосунках
  • Чи є рендеринг на стороні сервера Святим Граалем React
  • UseEffect у React — це місце злочину, покрите відбитками пальців
  

• Vue
  • Створення MCP-сервера для Nuxt
  • Використання Vite з Vue та Django

Фронтенд-меми