Front-end Digest № 6: новий держстандарт з вебдоступності, Ден Абрамов залишає роботу в Meta та aspect-ratio в CSS

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

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

Веброзробка

• Можливо, вам не потрібні метатеги http-equiv
• SVG-градієнти: вирішення проблем з кривизною
• Якщо вебкомпоненти такі чудові, чому я їх не використовую?
• Core Web Vitals для пошукової оптимізації: що нам потрібно знати?
• Ефективні код-рев’ю (переклад)

• Інструменти
  • Playwright vs Puppeteer: що обрати?
  • 6 найкращих package-менеджерів для Windows і не тільки

• Доступність
  • WCAG 2.1 став дефолтом на рівні ДСТУ після свіжої постанови уряду (для сайтів держорганів)
  • Огляд законодавства та регулювання у сфері доступності — за липень відбулося багато подій
  • Blockquotes в програмах для читання з екрану

• Ефекти
  • Grid Flow Animation
  • Відтворення ефекту ambient-світіння з YouTube

CSS

• Як визначити масив кольорів за допомогою CSS
• Адаптація типографіки до уподобань користувача за допомогою CSS
• Як використовувати CSS aspect-ratio
• Анімації, керовані прокруткою в CSS — це те, з чим можна погратися
• Початок роботи з Pico CSS

JavaScript

• Реалізація функції живого пошуку в JavaScript
• Як я знайшов дві вразливості api, аналізуючи JS код

• React
  • Найкращі бібліотеки теплових карт для React (з демонстраціями)
  • Створення простих кастомних модальних вікон за допомогою React
  • Ден Абрамов залишає роботу в Meta, але залишається в основній команді React
  • Як створити GPT-3 застосунок за допомогою Nextjs, React та GitHub Copilot
  • Використання react-intersection-observer для створення динамічного заголовка
  • Оновлення старого React-застосунку

• Vue
  • Деплой застосунків на Vue у хмару за допомогою Kubernetes
  • Модульне тестування компонентів Pinia

• Angular

  • Детальний аналіз горезвісної помилки ExpressionChangedAfterItHasBeenCheckedError в Angular
  • Реалізація Lazy Loading в Angular
  • Відображення Svelte-компонентів як вебкомпонентів в Angular: Покрокова інструкція
  • Використовуйте Angular WebSocketSubject, щоб заощадити місце в бандлі
  • Angular — Обробка помилок 101