Медиа | Веб-разработка | 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.