Front-end Digest № 78: майбутнє Angular, етичні принципи вебу та сучасний CSS для анімацій

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

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

Веброзробка

• Декларація W3C про етичні принципи вебу: шлях до кращого інтернету
• П’ять технічних трендів, які допоможуть веброзробникам виділитися у 2025 році
• Несподівані можливості HTML і CSS, виявлені при створенні японськомовного контенту
• Освоєння дуг у SVG
• Уникайте хаосу: гайд з чистого коду для API

• Інструменти
  • Топ-8 речей, які я хочу бачити в Devtools Network Panel
  • Baseline 2024: розширення набору інструментів для веброзробки
  

• Доступність
  • Найкращі практики доступності для односторінкових застосунків (SPA)
  • Сторінка за сторінкою: як пагінація робить вебсторінки доступними
  • Покращення досвіду користувачів при перегляді багатомовних сайтів

CSS

• Історія створення нового логотипа CSS
• align-content: найпростіший спосіб вирівняти вміст за допомогою CSS
• Виявлення overflow/scrollbar за допомогою сучасного CSS
• Адаптивні superscripts та subscripts
• Використання сучасного CSS для створення ефекту фонового зображення з текстом
• Несподівана поведінка Anchor: новий кейс
• Ознайомлення зі скрол-орієнтованими анімаціями в CSS: Scroll та View Progress Timelines
• Адаптивні таблиці та читабельні абзаци
• Розкриття потенціалу CSS container queries: уроки від команди Netflix
• Bootstrap проти чистого CSS Grid: Посібник для порівняння

JavaScript

• Створюємо мікрофронтенди з single-spa: посібник
• Створення масштабованих мікрофронтендів з Next.js Multi Zones

• React
  • Ref Callbacks, React 19 і Compiler
  • Реалізація нескінченної прокрутки в React за допомогою React Snap Carousel
  • Бібліотеки React для створення форм та опитувань
  

• Angular
  • Angular: потенційні напрямки розвитку в 2025 році
  • Розуміння суті Angular: ключові поняття, утиліти та найкращі практики
  • Оптимізація Angular-застосунків: уроки, вивчені на власному досвіді
  

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