Front-end Digest № 121: CSS MCP Server, візуалізаця Event Loop та документалка про Vite

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

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

Веброзробка

• Європейський закон про куки спричинив хаос в інтернеті. Брюссель прагне це виправити
• Як додати швидкий пошук на стороні клієнта до статичних сайтів Astro
• Інтерактивний web-застосунок: приклад SPA з offline-режимом і підключенням через Modbus TCP
• Забутий веб: чи існує API HTML-таблиць, про який ви не знаєте?
• Тег маловідомий, але потужний інструмент HTML

• Інструменти
  • Ознайомлення з плагінами Oxlint JS
  • Vite: The Documentary
  

• Ефекти
  • Як анімувати шейдери WebGL за допомогою GSAP: брижі, проявлення та динамічні ефекти розмиття
  • Smashing анімації: cтворення адаптованих SVG за допомогою <symbol>, <use> і медіа-виразів CSS
  • Понпон-манія: як WebGL і GSAP втілюють мрію комічного баранчика

CSS

• CSS MCP Server — MCP-сервер, який надає актуальну документацію CSS від MDN та комплексний аналіз коду CSS
• Що нового у переходах view transitions (оновлення 2025)
• Посібник для початківців з view transitions у CSS
• Варіанти створення діагональних колонок на чистому CSS (з розлогими коментарями, без емпіричних значень)
• Числа, що падають (Scroll-Driven Animations та Sibling Index)
• CSS-лічильники в дії
• Умовний border-radius в CSS
• Будьте креативними з shape-outside
• CSS Grid: корисна ментальна модель і сила grid lines
• Практичний посібник із сучасних кольорів CSS — частина перша
• Ми зовсім проґавили width/height: stretch
• Чи слід використовувати функції if() в CSS?

JavaScript

• Візуалізатор Event Loop в JavaScript
• Хуки проти Сигналів: пояснюємо велику конвергенцію реактивності
• LangChain.js переоцінений; створіть свого AI-агента за допомогою простого fetch call
• AsterMind-ELM — бібліотека JavaScript, що запускає моделі машинного навчання в браузері
• Основи Vue: управління станом у Vue

• React
  • Представляємо React Foundation
  • Tailwind CSS в React і Next.js: повне керівництво з налаштування
  • Чому розробники відмовляються від React на користь простоти та швидкості Preact
  • Чому Next.js недотягує до стандартів розробки програмного забезпечення
  • Паралельна гідратація з використанням useSyncExternalStore

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