Front-end Digest № 74: новий логотип CSS, доступність JavaScript та альманах вебу 2024

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

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

Веброзробка

• Вебальманах 2024 року опубліковано
• State of CSS 2024 та State of HTML 2024
• Коли варто поділитися нашим захопленням новими функціями в вебі
• Як я малював картинки за допомогою JavaScript заради лайку від дівчини
• Framer Motion тепер незалежний, представляємо Motion
• Відображення підтримки браузером функцій вебплатформи у вашому власному блозі
• Створення Moxey. Погляд на внутрішню кухню розробки

CSS

• Офіційний логотип для CSS
• Красиві контури для :focus станів
• Кастомний елемент прогресу з використанням анкерного позиціювання та анімації, керованої прокруткою
• Візуально цікаві приклади використання елементу dialog
• Інтерактивний курсор з ефектом прожектора та плавного наведення на елементи
• Часові шкали прокручування з обмеженою областю перегляду (Scoped Scroll Timelines)
• Anchoreum: нова гра для вивчення Anchor Positioning
• ORBIT — створюйте радіальні інтерфейси, використовуючи лише CSS
• Вирішення проблем з position sticky в CSS

JavaScript

• Як протестувати JavaScript на відповідність вимогам доступності
• Все про символи в JavaScript
• Детальний огляд успадкування в JavaScript: сім ефективних підходів
• Точна десяткова математика в JavaScript з використанням Fraction.js
• Чому варто використовувати SWC (а не Babel)
• Sets та Maps в JavaScript: за межами масивів та об’єктів

• React
  • Публічна бібліотека Нью-Йорка про вибір React для перебудови сайту
  • Як налаштувати Next.js 15 для продакшену у 2024 році
  • TIL: вбудовані обробники подій все ще спрацьовують при передачі в dangerouslySetInnerHTML React
  • Дилема стилізації в React
  • React useCallback() - повний посібник
  • Чому розробникам варто дати Next.js App Router ще один шанс
  • Що таке React Portals
  

• Angular
  • Випуск Angular 19 запланований на вівторок
  • Покращення двостороннього зв’язування даних в Angular
  • Робота з деревом компонентів в Angular
  • Розуміння Resource Pattern в Angular 19: практичний посібник

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