Медиа|Веб-разработка|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
Предварительное кэширование изображения с ReactSuspense
Представляем 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.