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

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

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

• 32 совета веб-разработчику, который хочет вырасти над собой в 2020 году
• Выпущен «шрифт для разработчиков» JetBrains Mono
• Новые форматы микроразметки Google за 2019 год
• Навигация в вебе с помощью геймпада
• Решение вопроса с элементом Section
• Вечные статьи для веб-разработчиков

• Инструменты
  • Изучите End-to-end тестирование с помощью Puppeteer
  • Tiny helpers — Коллекция бесплатных онлайн-инструментов для веб-разработчиков
  • Тестирование вашего сайта на визуальные регрессии с BackstopJS
  • Позволяйте инструментам делать выбор

• Производительность
  • Ещё четыре нестандартных способа ускорить загрузку страниц сайта
  • «Лучшие» метрики производительности? Начните с этих шести
  • Оптимизация ваших изображений не улучшила ваше время загрузки? Вот почему
  • Веб-производительность: 11 обязательных советов, чтобы ускорить работу вашего сайта

• Доступность
  • Доступность цифровой версии BBC — обзор 2019
  • Web Accessibility Compliance и законодательство в ЕС

• Эффекты
  • Техника 3D Folding Layout для HTML элементов
  • Как делать анимацию в вебе с помощью Greensock

CSS

• Так когда же всё таки можно использовать !important?
• Эффект клика в стиле Material design с помощью pointer events и CSS Custom Properties
• Стоит ли хостить Google Fonts у себя?
• Продумывание вариантов стилизации для веб-компонентов
• CSS4 уже здесь!
• Как использовать селектор псевдо-класса :root в CSS
• Добавление разделителей в раскладки с CSS-in-JS

JavaScript

• Ванильный JavaScript и HTML. Никаких фреймворков. Никаких библиотек. Никаких проблем
• О 30-кратном увеличении параллелизма в Node.js
• Бандлинг JavaScript-кода и производительность: передовые методики

• Теория
  • Распространенные ошибки при работе с промисами в JavaScript, о которых должен знать каждый (перевод)
  • Чистый код для TypeScript — Часть 1
  • 15 методов работы с массивами в JavaScript, которые необходимо знать в 2020 году
  • 9 способов работать с объектами в JavaScript в 2020 году
  • Важные моменты при работе с массивами и объектами в рамках взаимодействия с REST API
  • Optional Chaining, Null Coalescing и как они изменят способ написания кода

• React
  • Новый фронтенд Одноклассников: запуск React в Java. Часть I
  • Лучшие новые функции React App 3.3
  • Введение в React Context API
  • React-spring визуализатор
  • React с TypeScript: лучшие практики
  • Доступный заголовок страницы в одностраничном приложении на React
  • Релиз Next.js 9.2
  • 10 практик в VSCode для ускорения процесса разработки на React
  • Руководство по React refs: useRef и createRef
  • Как сделать приложения React VR
  • 10 способов оптимизировать производительность вашего приложения React

• Vue
  • Использование tailwindcss c Vue.js
  • Vue + Apollo: Дырявые абстракции
  • Создание на Vue.js рекурсивного компонента
  • Vue Component Development Kit v0.4.0
  • 12 Vue.js Best Practices для профессиональных разработчиков
  • Как добавить AutoComplete Input в ваше приложение Vue.js

• Angular
  • 6 способов отписаться от Observables в Angular
  • Angular: как поддерживать IE11
  • Angular в 2020 и далее
  • Пишем свою стратегию для виртуального скролла из Angular CDK

• Svelte
  • Как вы можете научиться использовать Svelte для вашего следующего проекта JS
  • Все, что вам нужно знать, чтобы начать писать Svelte Single File Components

Браузеры

• На фоне реструктуризации из Mozilla уволено 70 сотрудников
• Google намерен до 2022 года прекратить поддержку сторонних Cookie в Chrome
• Как в новом Microsoft Edge установить расширения для Google Chrome
• Chrome, вслед за Safari и Firefox, тоже начнёт блокировать сторонние cookie, но не сразу
• Microsoft будет поддерживать Edge для Windows 7 не менее 18 месяцев
• Разработчики Chromium предложили унифицировать и объявить устаревшим заголовок User-Agent
• В Chrome в течение двух лет планируют отключить поддержку сторонних cookies на сайтах
• Обновление до нового Microsoft Edge
• Как мы делали Picture-in-Picture в Firefox Desktop для большего контроля над видео

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

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