Дайджест свежих материалов из мира фронтенда за последнюю неделю №449 (4 — 10 января 2021)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Веб-разработка    |    CSS    |    JavaScript    |    Браузеры

Веб-разработка

• Разработка PWA с поддержкой распознавания лица и голоса
• Фронтендер пишет нейронки. Уровень сложности «хочу на ручки»
• Искусство создания компонентов из реальной жизни
• Что не так с Web Assembly?
• Front-end прогнозы на 2021 год
• Создайте клон Google Doc с помощью HTML, CSS и JavaScript
• Прогрессивное улучшение мертво?

• Производительность
  • Google PageSpeed ​​Insights: правда о рейтинге 100/100
  • Анализ Web Vitals с помощью WebPageTest
  

• Доступность
  • Обзор цифровой доступности по итогам 2020 года
  • Соответствие требованиям обеспечения доступности мобильных устройств в 2021 году и законодательство ЕС
  • Как клевые инструменты доступности могут сделать вашу жизнь проще
  • Методы создания дружественных к дальтоникам веб-приложений с использованием Chrome DevTools
  

• Эффекты
  • Animations 101 — Использование Greensock
  • Создание бесконечной галереи с автопрокруткой с использованием WebGL с шейдерами OGL и GLSL
  • Самые популярные демки на Codepen за 2020
  

CSS

• Варианты стилизации веб-компонентов
• Финальный отчет State Of CSS 2020
• Кастомные свойства в качестве состояния
• Действительно ли Tailwind того стоит?
• Изучение нового CSS Houdini Painting API

JavaScript

• Что не так с классами в JavaScript?
• Что такое JavaScriptLandia?
• В чем разница между DOM Node и Element?
• Стек и очередь в JavaScript
• 7 ошибок, которые я сделал (и сожалею) как разработчик JavaScript
• Самая свежая информация о JavaScript классах
• Использование компонентов Bootstrap с кастомным JavaScript

• React
  • React.js — формошлепство или работа с формами при помощи пользовательских хуков
  • Рассказ о React и Input Ranges
  • Темизация и переключение тем с помощью React и styled-components
  • Concurrent Mode в React
  • Продвинутые React хуки: глубокое погружение в useEffect Hook
  • Build time atomic CSS-in-JS. Baked and ready to serve.
  • xstyled — утилитарный CSS-in-JS фреймворк для React. Создайте целый веб-сайт, используя JSX и Props.
  • Видеочат и шаринг экрана с помощью React, Node, WebRTC (peerjs)
  • Ванильные хуки (за пределами React)
  

• Vue
  • Руководство по Vue.js 3 с примерами: Components, Props & Composition API
  

• Ember
  • Релиз Ember 3.24
  • Ember JS с плюсами и минусами
  • Создание Glimmer Router с помощью Navigo
  

• Svelte
  • Svelte и spring анимации
  • Компилируем Svelte в уме. Часть 1/3
  • Стоит ли использовать Svelte на продакшене?
  

Браузеры

• В Microsoft Edge наконец-то появилась синхронизация истории и открытых вкладок
• В адресной строке Chrome по умолчанию начнёт применяться HTTPS
• Прощай, молодость: Google Chrome стал терять пользовательскую аудиторию
• Mozilla отключила клавишу Backspace в браузере Firefox для защиты от случайной потери данных
• Firefox 85 перейдёт на ECH для скрытия домена в HTTPS-трафике
• Интересный список браузеров, о которых вы никогда не слышали
• Чем браузер Vivaldi отличается от Google Chrome

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.