Front-end Digest № 67: Конфлікт Wordpress, 3D-анімація в CSS та деструктуризація в JS

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

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

Веброзробка

• Що має знати Senior Node.js Developer і які червоні прапорці виникають на співбесіді
• Відбувся реліз Deno 2.0 RC. Чи замінить він Node.js
• Можливо, вам не знадобиться цей фреймворк
• Вебкомпоненти — це не майбутнє, а сьогодення
• З вебкомпонентами все в порядку
• Відповіді незрячої людини на ваші запитання про доступність
• П’ять способів Lazy Load завантаження зображень для покращення продуктивності сайту

• Case Study
  Іноді вивчення коду інших розробників допомагає зрозуміти технологію набагато швидше за курси чи посібники. Саме тому так цінуються статті, де розробники детально коментують свою роботу, пояснюють хід думок та вказують на нюанси, з якими вони стикаються.

  • Джош Комо: як я побудував свій блог — 2024 «App Router» Edition
  • Ahmad Shadeed: Redesign Case Study
  • Habit Hustle: творчий процес, що стоїть за UI анімацією

• Драма
  • Wordpress наразі використовують 43,5% сайтів в інтернеті, тому важливо слідкувати за конфліктом WP та WP Engine, який спалахнув минулого тижня. Розбираємося в ситуації з WordPress та WP Engine.

  • В цій статті розкриваються причини, які призвели до популярної серед фронтендерів приказки «Safari is the new IE». Скорочена історія критичних проблем Safari.
  • І наостанок про невеличку, але критичну для деяких зумерів проблему. Триваюча трагедія емодзі в вебі.

CSS

• Як створювати фігури з внутрішніми кривими за допомогою CSS Mask
• Представляємо TODS — типографічну та OpenType-таблицю стилів за замовчуванням
• Проблема з sup та sub
• Як створити елемент керування формою «Scroll to Select»
• Розробка модальних вікон з використанням лише CSS та API Popover
• Погані тато-жарти про CSS (III)

• Анімація з CSS
  • Прокручуйте 3d CSS елементи за допомогою скролу в CSS
  • Функція виявлення Scroll-Driven Animations за допомогою @supports: ви також хочете перевірити animation-range
  • Анімація відкриття та закриття в <details>
  • Змішування кольорів для анімацій
  • Вирішено за допомогою CSS Scroll-Driven Animations: приховати заголовок при прокручуванні вниз, показати його знову при прокручуванні вгору.

JavaScript

• Посібник з деструктуризації в JavaScript
• null, але й не null
• Що таке Durable Functions. Візуальний підручник з JavaScript
• Як використовувати API Reddit для JavaScript-застосунків
• Посібник з Tauri (кросплатформного фреймворку, подібного до Electron). Огляд, приклади та альтернативи

• React
  • Повний посібник з Session Management в Next.js
  • Як створити багаторазовий модальний компонент у React
  • Практичне керівництво між вертикальними та горизонтальними мікрофронтендами
  • Component Composition — це класно
  • React 19. Прощавай, старе, привіт, майбутнє
  • Як скинути стан useActionState в React
  

• Vue
  • Доповнення клієнта за допомогою Vue.js
  • Vue Mess Detector — комплексний інструмент для аналізу та оцінки якості коду
  

• Angular
  • Реалізація Angular-застосунків в онлайн та офлайн-режимах
  • Основи Angular Routing. Все, що вам потрібно знати, в одній статті

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