Front-end Digest № 113: 100 питань про CSS, AI для фронтів та за межами JSX

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

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

Веброзробка

• Рекомендації з безпеки локального сервера
• Вдала архітектура ванільного застосунку з вебкомпонентами та скриптами CSS-модулів
• Декілька речей про елемент anchor’s href, які ви, можливо, не знали
• Дослідження hidden=until-found
• Чому семантичний HTML все ще має значення
• GPT-5: інтерактивна пригода для фронтенд-розробників
• Розробка шейдера змішаного матеріалу в WebGL із Solid.js
• Як створити AI-перекладач у браузері за допомогою Google Gemini та React

• Доступність
  • Розуміння доступності та закону
  • Як наш собака підвищив моє розуміння доступності
  • Вебдоступність. Частина 1: важливість і зміни згідно з Європейським актом про доступність

CSS

• Підсумки State of CSS 2025
• Що нового в web UI: підсумки I/O 2025
• CSS-вікторина: перевірте свої знання CSS від базових селекторів до просунутих тем за допомогою понад 100 запитань про CSS
• Оптимізовані CSS-розкладки: головний розділ Time.com
• Початковий погляд на anchor positioning
• 5 корисних CSS-функцій з використанням нового правила @function
• Динамічні медіа/контейнерні запити з використанням if()
• Ще одна стаття про центрування в CSS
• Стилізація підкреслень
• Нам може знадобитися щось середнє між кореневими та відносними блоками CSS для «базових елементів»
• Креативні рішення для цитат
• CSS Subgrid: синтаксис, приклади та настанови щодо використання

JavaScript

• Глибинні аспекти делегування подій: коли спливання подій недостатньо
• За межами JSX: переосмислення компонентної моделі у фронтенді
• Як створювати власні типи в TypeScript
• Що таке Effect Scopes у Vue
• Практичний посібник зі Svelte: компіляція під час збірки в реактивному фреймворку
• Інфлектори рядків: додаємо трохи Rails у JavaScript

• React
  • React’s `use()` API скоро зробить useContext застарілим
  • Професійна структура React-проєкту: покрокова інструкція на 2025 рік
  • Інтернаціоналізація React-застосунків
  • Ефективний рендеринг з вибірковим SSR у TanStack Start
  • Next.js PWA в автономному режимі з Service Worker без додаткового пакета

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