Front-end Digest № 81: приховування даних у PNG, балансування в CSS і View Transitions в React

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

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

Веброзробка

• Фронтенд 2024-го: JavaScript втомився, Angular втрачає позиції та нова ера зрілості
• Нові можливості фронтенду для дизайнерів у 2025 році

• Оновлення
  • Оновлення Google Core від грудня 2024 року
  • Що нового в Astro — грудень 2024
  • Що нового у Svelte: січень 2025
  

• Продуктивність
  • Використання DevTools для перевірки ефективності оптимізації вебпродуктивності
  • Проєктування вебсайтів з урахуванням низької продуктивності
  • Як розбити довгі завдання на частини: практичний посібник

CSS

• CSS хоче бути системою
• Балансування тексту в CSS
• CSS is Emotional: психологія специфіки
• Ефективні резервні шрифти: використання Font-Face Fallbacks
• Ефект розкриття зображень під час прокручування: реалізація на чистому CSS
• Дещо про Keyframes
• Плавне обертання за допомогою сучасного CSS
• Елегантна реалізація довгого натискання з використанням CSS-анімації

JavaScript

• TypeScript без інструментів збірки
• TypeScript Generics: повний посібник
• Використання scroll snap events в JavaScript для створення анімацій прокрутки
• Приховування даних у PNG-файлах за допомогою JavaScript: покрокове керівництво
• Найкращі фреймворки та бібліотеки JavaScript, на які варто звернути увагу в 2025 році

• React
  • Як React 19 може допомогти вам створювати швидші вебсайти
  • Як оптимізувати вебзастосунки Next.js для кращої продуктивності
  • React нарешті отримає вбудовану підтримку View Transitions
  • Автоматизація процесу інтернаціоналізації в React
  

• Vue
  • 11 Основ JavaScript для Vue-розробників
  • Vue Vine — ще один стиль для написання Vue
  • Створення багатомовного вебзастосунка за допомогою Nuxt 3 та Nuxt i18n

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