Дайджест свежих материалов из мира фронтенда за последнюю неделю №434 (21 — 27 сентября 2020)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
•
•
•
•
Веб-разработка
•
• Почему веб-сайтам нужен заголовок HTTP Strict Transport Security (HSTS)
• Несбывшиеся надежды веб-компонентов
•
•
•
•
-
Инструменты
•Используем 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
• Почему псевдоэлементы ::before и ::after не работают для полей ввода и картинок
• Математические функции в CSS
•
•
•
•
•
•
•
JavaScript
• Осваиваем JavaScript ES6 Symbol
•
•
•
•
•
-
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
-
Libs & Plugins
•Первое знакомство с Moon.js
•fflate — самая быстрая и маленькая библиотека сжатия и декомпрессии на чистом JavaScript.
•importabular — легкий редактор электронных таблиц для веба, позволяющий пользователям легко импортировать свои данные из Excel.
Браузеры
• Релиз Firefox 81
• Microsoft анонсировал начало тестирования Linux-версии Edge в октябре
• Проблемы в Chrome Web Store: Google окончательно закрывает Payments API
• Выпуск Firefox Reality 12, браузера для устройств виртуальной реальности
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.