Медиа|Веб-разработка|CSS|JavaScript|Браузеры
Медиа
Подкаст Веб-стандарты 265: Smashing Conf, Puppeteer и Firefox, состояние всего, video как picture, чек-лист по перфомансу
Новости 512 от CSSSR: Chrome 88, Meteor.js 2.0, Deno 1.7, CSS clip-path(), 300+ вопросов по React, JS Rising Stars 2020
Подкаст Фронтенд Юность #170: В #опу стейт менеджеры
Веб-разработка
Чтобы быть впереди веба, веб-стандартам нужно бежать в два раза быстрее
Думать в парадигме Jamstack
HTML и CSS все еще не про рисование кодом
Что нового в DevTools (Chrome 89)
- Производительность
Как измеряются метрики сайта: LCP, FID и CLS
Как мы улучшили производительность SmashingMagazine
Браузерный JPEG-оптимизатор, соблюдающий конфиденциальность и использующий Web Workers и WebAssembly
Как избежать сдвигов макета из-за веб-шрифтов
Важность порядка подключения `@font-face` при использовании preload
Использование Performance Web API с Chrome DevTools
- Доступность
Опубликован первый черновик WCAG 3
Чего ожидать от первого публичного черновика WCAG 3.0
- Эффекты
Анимация букв в прокрутке
Подборка креативных веб-демок Awesome Demos Roundup #19
Создание пузырей с текстом для комиксов с помощью SVG и javascript
CSS
Первый публичный черновик CSS-каскада 5 уровня
Понимание Clip Path в CSS
Как работает CSS?
Область видимости CSS с использованием Shadow DOM
CSS Clamp(): адаптивная комбинация, которую мы все ждали
Новое в Chrome 88:aspect-ratio
Используйте CSS Clamp для создания более гибкой обертки
Как воспроизводить и приостанавливать анимацию CSS с помощью кастомных свойств CSS
Руководство по единицам размерности в CSS ч.1: посмотрите на эти абсолютные единицы!
JavaScript
Введение в JavaScript Temporal API
Поддержка приложений на JavaScript в долгосрочной перспективе
Ландшафт JavaScript в 2021 году
Объяснение управления памятью в JavaScript
- React
Server-Side Rendering с нуля до профи
Почему React Context не является инструментом управления состоянием (и почему он не заменяет Redux)
Вам действительно нужен Redux? Плюсы и минусы этой библиотеки управления состоянием
Сравнение 5 лучших библиотек React для анимации
Магия многошаговых форм, основанных на React
Styled-components vs. Emotion-JS для обработки CSS
Использование хуков с React Router
Как лучше писать React компоненты
- Angular
Делаем приложение интерактивным при помощи Angular и RxJs.
Angular и принципы SOLID
RxJS в Angular: часть III
Чистая архитектура Angular
- Ember
I Love Ember.js шаблоны
- Svelte
Философия Svelte
Awesome Svelte: Полезные ресурсы для разработки приложений на Svelte
Компонентная разработка со Svelte
- Libs & Plugins
iSSR библиотека для обработки Side Effects при написании React SSR приложений.
JerryScript: легкий JavaScript-движок для Интернета вещей
tinyX Крошечный менеджер состояний для больших приложений
Браузеры
Brave первый браузер с нативной поддержкой протокола IPFS. Это первый шаг к децентрализованной Сети
Релиз Chrome 88
Разбираем V8. Заглядываем под капот Chrome на виртуалке с Hack The Box
Состоялся релиз Edge 88: спящие вкладки, менеджер паролей, поиск на боковой панели и др.
Обновления конфиденциальности и безопасности в Microsoft Edge 88
В Safari 14 добавлена поддержка WebExtensions. Так где же расширения?
Сравнение приватности браузеров
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.