Front-end Digest № 70: Webflow тепер з GSAP, ШІ в DevTools та результати State of CSS 2024

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

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

Веброзробка

• Мікрофронтенд. Run-Time Vs. Build-Time Integration
• LocalStorage vs. IndexedDB vs. Cookies vs. OPFS vs. WASM-SQLite
• Розумніше, ніж «Ctrl+F». Робимо посилання безпосередньо на вміст вебсторінки
• Як має працювати <selectedoption>
• Історія вебфреймворку Hono від творця Hono

• Релізи
  • GSAP приєднується до Webflow
  • Представляємо Express v5: нова ера для Node.js-фреймворку
  • Панель допомоги ШІ. Chrome представляє Gemini безпосередньо в DevTools
  • Представляємо ШІ-допомогу в Chrome DevTools
  

• Case Study
  • Case Study: вебсайт Duten’s 2024
  • Динамична 3D сітка: анімації, що оживають під час скролу
  • Як створити вебзастосунок за допомогою штучного інтелекту: покрокова інструкція для початківців
  

• Доступність
  • Чому компонент «Покинути цю сторінку» на GOV.UK не використовує клавішу Escape
  • Я неправильно використовував Blockquotes увесь час

CSS

• State of CSS 2024: результати
• Розгортання елементів з Grid та View Transitions
• Вивчаємо theme.json: можливо, вам не знадобиться CSS. Шлях Wordpress
• Розв’язання проблеми Background Overflow з Inherited Border Radii
• Все про CSS min()

JavaScript

• js13kGames: анонсовані переможці
• Як створити застосунок для пошуку зображень за допомогою OpenAI CLIP та PostgreSQL на JavaScript
• Керівництво з впровадження Inertia.js: огляд, приклади та альтернативи
• Шість речей, які ви можете не знати про JavaScript
• Зустрічайте новий безпечний оператор присвоювання (?=) в JavaScript
• Чому я скептично ставлюся до переписування інструментів JavaScript на «швидші» мови
• Автоматична маршрутизація на основі файлів у Vue.js

• React
  • Структура папок React за 5 кроків [2024]
  • Гармата Ліскова: паралельна еволюція React та вебкомпонентів
  • Розуміння Redux: підручник з прикладами
  • Як створити вуглецево-орієнтований вебсайт за допомогою React та Next.js
  • React Essentials: Stale State та пастки хуків
  • Параметри постійного сховища Redux: від LocalStorage до IndexedDB і далі

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

Подобається дайджест? Підписуйтесь на автора, щоб отримувати сповіщення про нові публікації на пошту.