Медиа | Веб-разработка | CSS | JavaScript
Медиа
• 
Прямой эфир на Хекслет: собеседуем фронтенд-разработчика
• «Новости 512» от CSSSR: Демистификация промисов, Yarn 3, стили и Shadow DOM, SQL в вебе, TypeScript 4.4 RC и Joomla 4.0
• Подкаст «Callback Hell» от CSSSR: Xsolla и биг дата, 30 лет вебу, снова Rust
• Подкаст «Веб-стандарты» №295. WDA, Firefox 91, GitHub Codespaces, HTTP/3, алертгейт, чем мешал IE11, что пошёл к бабуле
Веб-разработка
• Критерии качества вёрстки 2021
• Добавить две кнопки — почему так дорого?
• Эффективный поиск XSS-уязвимостей
• Лучшие стратегии фронтенд-разработки в 2022 году
• Jamstack CMS: прошлое, настоящее и будущее
- Доступность
• Дополнительные уровни заголовков: удачное решение или не очень?
• Руководство по разработке доступных индикаторов фокуса, совместимых с WCAG.
• Доступность с нуля
- Эффекты
• Как на Three.Js сделать анимированный туннель из частиц
• Плавные и простые переходы страниц с помощью shared element transition API
• Создание слайд-шоу с абстрактными изображениями с помощью OGL, GLSL и GSAP
CSS
• Рейтинг со звездочками: решение на SVG
• Большая проблема с кастомными свойствами CSS
• Повышайте свой уровень CSS-линтинга с помощью Stylelint
• Улучшает ли shadow DOM производительность стилей?
• Инструменты для CSS Grid в DevTools
• Практическое использование математических функций CSS: calc, clamp, min, max
JavaScript
• Почему jQuery все еще жив?
• TypeScript 4.4: хорошее, плохое и не такое уж плохое
• Цепочка методов JavaScript… Это все так глупо!
• Forever Functional: ожидание с промисами
• Создание компонента интерактивной диаграммы Ганта с помощью ванильного JavaScript
• Создание одного и того же приложения с jQuery, React, Angular, Vue и Svelte
• Правда и ложь: когда в JavaScript все не равно
• Микро-фронтенды: взаимодействие между приложениями с помощью Single-Spa и RxJS.
- React
• GSAP + React, первые шаги и удобные техники.
• Простой drag’n’drop в React
• Руководство 70-х годов о том, как разделить компоненты React
• Custom React Hooks: зачем нам контекст
• Стилизация SVG иконок в React.js
• Material-UI 5 на подходе: вот от чего я в восторге
- Vue
• Как локализовать Vue.js приложение
• Что такое v9s, и почему потребовалось писать еще одну библиотеку валидации?
• Оптимизация производительности ваших приложений на Vue с помощью веб-воркеров
• Vue.js — Как я вызываю метод в компоненте извне компонента во Vue 2
- Angular
• Компоненты-конструкторы: мощь ng-content в Angular
• Я пробовал Angular в качестве React-разработчика. Вот 6 вещей, которые мне в нем нравятся
• Проблемы ООП в Angular
- Ember
• The Ember Times — Issue No. 186
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.