Дайджест свежих материалов из мира фронтенда за последнюю неделю №434 (21 — 27 сентября 2020)

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

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

Медиа

• Подкаст «Фронтенд Юность (18+)» — #156 Пересядь с иглы Styleguidist на Cosmos
• Подкаст CSSSR: Релиз Vue 3, PostCSS 8, TypeScript 4.1 Beta, Github CLI 1.0, закат moment.js, история интернета

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

• Математика верстальщику не нужна 2: Матрицы, базовые трансформации, построение 3D и фильтры для картинок
• Почему веб-сайтам нужен заголовок HTTP Strict Transport Security (HSTS)
• Несбывшиеся надежды веб-компонентов
• Упростите свой стек с помощью кастомного генератора статических сайтов
• Начало работы с Eleventy
• Folding the Web: делаем действительно адаптивный дизайн для складных устройств
• Vital Web Performance. Основные метрики производительности для вашего сайта

• Инструменты
  • Используем Chrome DevTools профессионально
  • Как мы создали вкладку Chrome DevTools Issues
  • Оптимизация вашего сайта с помощью Fiddler и Lighthouse
  

• Доступность
  • Доступная веб-анимация: объяснение доступности анимации в контексте WCAG
  • ComicA11y — эксперимент, целью которого является демонстрация проблем доступности через комиксы
  • “W3C уделяет приоритетное внимание доступности, а не вопросам в области лицензирования открытого исходного кода”. Почему это опять плохо?
  

• Эффекты
  • Подборка концептов креативной веб-анимации «UI Interactions & Animations Roundup #10»
  • 25+ интересных текстовых эффектов на CSS
  • Мягкие тени с ray marching в 2D с помощью webgl
  • Spring Physics: как сделать ваши css анимации более натуральными
  

CSS

• Адаптивное видео с помощью встроенных математических функций CSS
• Математические функции в CSS
• RatioBuddy — простой онлайн-инструмент, создающий SCSS сниппет для любого соотношения сторон.
• Что происходит с CSS Houdini?
• 4 относительно неизвестных свойства для построения CSS лейаутов
• Поиск причины ошибки CSS
• Стилизация элемента details
• 3 вещи о CSS переменных, о которых вы могли не знать
• Почему псевдоэлементы ::before и ::after не работают для полей ввода и картинок
• Линейное масштабирование размера шрифта с помощью CSS-clamp() на основе вьюпорта

JavaScript

• Осваиваем JavaScript ES6 Symbol
• Создание JavaScript promise с нуля, Часть 1: Конструктор
• Обзор функций: ECMAScript 2021
• Все о null в JavaScript
• Объектно-ориентированный JavaScript: примитивы и объекты
• Перебирающие методы массивов изнутри

• React
  • ReactJS: шпаргалка по хукам
  • Введение в React, которого нам не хватало
  • 15 ответов на вопросы собеседования по React с решениями
  • Представляем новый SX Transform
  • Предварительное кэширование изображения с React Suspense
  • Представляем visx от Airbnb — коллекцию низкоуровневых примитивов для визуализации в React
  • Умные способы написания JSX в вашем приложении на React
  • Оптимизированные для поиска SPA с React Helmet
  

• Vue
  • Вышел Vue.js 3.0 «One piece»
  • villus — Небольшой и быстрый клиент GraphQL для Vue.js.
  • Что следует знать о code-splitting с помощью Nuxt.js
  • Vue 3 — Новые функции, критические изменения и способ миграции
  • Состояние типизации во Vuex: самый чистый подход
  • Итак… мы перенесли весь наш фронтенд на Nuxt.js
  • Vue 3 Composition API Introduction [FULL TUTORIAL]
  • Vue 3 — Что нового? Что изменилось?
  

• Angular
  • Преимущества геттеров и сеттеров TypeScript в Angular
  • Примеры рефакторинга Angular
  • Как правильно выполнять манипуляции с DOM в Angular?
  

• Ember
  • The Ember Times — Issue No. 164
  • Представляем ember-data-jsonapi-fields
  • Autotracking: Elegant DX Via Cutting-Edge CS
  

• Svelte
  • Почему я не поклонник Single File Components
  • 3 причины попробовать Svelte
  

• Libs & Plugins
  • Первое знакомство с Moon.js
  • fflate — самая быстрая и маленькая библиотека сжатия и декомпрессии на чистом JavaScript.
  • importabular — легкий редактор электронных таблиц для веба, позволяющий пользователям легко импортировать свои данные из Excel.
  

Браузеры

• Релиз Firefox 81
• Microsoft анонсировал начало тестирования Linux-версии Edge в октябре
• Проблемы в Chrome Web Store: Google окончательно закрывает Payments API
• Выпуск Firefox Reality 12, браузера для устройств виртуальной реальности

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