Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
• 
«Новости 512» от CSSSR: TypeScript 4.3 beta, воркшоп по TDD c React, Husky 6, сравнение Hyperapp с React, RGB и HSL
• 
«Новости 512» от CSSSR: Prototype pollution, Tailwind CSS 2.1, Ruby 3.0.1, Cypress 7.0, security-обновления Node.js
• 
Подкаст «Веб-стандарты» 276. Safari, static в V8, Deno, Sublime Text, HSL и LCH, F1, WordPress, SPA, гидрация и Next.js
• 
Подкаст «Фронтенд Юность» #181 Эйблизм открытого ПО
Веб-разработка
• 
Веб-империя правительства UK: все во имя человека, для блага человека
• 
DevTools для «чайников»
• PWA для SSR приложения в 5 строк на Workbox 6.
• 
Руководство по SEO в Jamstack
• 
HTML атрибут ping для якорных элементов (ссылок)
• 
Обновление архитектуры DevTools: перенос DevTools на TypeScript
• 
Создание переключателя с поддержкой доступности
• 
Эффект перехода на полноразмерную страницу по клику на превью
CSS
• 
5 плохих CSS практик
• 
Псевдоклассы CSS :where и :is
• 
Устранение проблем с темным режимом Gmail с помощью CSS Blend Modes
• 
Современные обновления CSS для улучшения доступности
• 
Инспектирование элементов как способ удовлетворить свое любопытство
• 
Возвращение к CSS Pie таймеру
JavaScript
• Спецификация ECMAScript 2021 для JavaScript приближается к финишу
• 
Шпаргалка по переходу с jQuery на ванильный JavaScript
• 
Сниппеты кода на ванильном JavaScript
• 
Создание умной панели навигации на ванильном JavaScript
• 
Лечебная сила JavaScript
• 
5 способов предотвратить внедрение кода в JavaScript и Node.js
• 
Замена let на const
• 
JS классы — это не «просто синтаксический сахар»
- React
•
Создание PDF в React: так же просто, как 1-2-3
•
5 методов сохранения состояния между перезагрузками страницы в React
•
Создание To-Do списка в React с помощью Redux Toolkit в TypeScript
•
Как работает состояние в React — объяснение на примерах кода
•
Полное руководство по React на 2021 год — изучение основных концепций React путем создания проекта
•
Битва управления состоянием в React 2021: Hooks, Redux и Recoil
- Vue
•
Dapp. Vue.js + ethers.js
• Миграция с Vue CLI на Vite
•
Что нового в Vite 2.0
•
Vue 3 не будет поддерживать IE11 [RFC]
- Angular
•
Эта техника в Angular значительно снизит дублирование кода в крупных проектах.
•
Как работают pure and impure pipes в Angular Ivy
•
Как использовать TS декораторы для добавления логики кеширования к API вызовам
•
Поддержка многоязычных приложений Angular с помощью i18n
- Ember
•
The Ember Times — Issue No. 177
•
Перенос контроллеров на верхний уровень компонентов в Ember
•
EmberConf 2021
•
Заметки с EmberConf 2021
- Svelte
•
Координация анимации в Svelte с помощью XState
•
Создавайте веб-компоненты с помощью Svelte
- Libs & Plugins
•
kaboom.js — JavaScript библиотека, которая помогает делать игры быстрыми и увлекательными.
•
moovie.js — HTML5 плеер, ориентированный на фильмы
•
Coolify — Альтернатива Heroku и Netlify c открытым исходным кодом
Браузеры
• 
Шпион, выйди вон: что делают браузеры после установки?
• Google Chrome заблокировал HTTP, HTTPS и FTP-доступы на порте 10080 из-за хакерской угрозы
• 10 малоизвестных возможностей браузера Google Chrome
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
