Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
• 
«Новости 512» от CSSSR: как исполняется JS-код, Deno 1.14, туториалы по Fastly, как избавиться от старых подходов при помощи современного CSS, Virtual Keyboard API, лазерный интернет в Африке от Google.
• «Callback Hell» от CSSSR: Как войти в IT, продолжить расти и не выгореть
• Подкаст «Фронтенд Юность» #203 Джейсоноукладка и математика
• Подкаст «Веб-стандарты» 299. Браузеры в iOS, TypeScript, обучение через игру, a11y, React Native в вебе, сложный фронтенд
• Подкаст «Pro Conf» #107: Vuejs Amsterdam 2021
• Задаём вопросы фронтенд-разработчику: собеседование в прямом эфире
• Критерии качества вёрстки: круглый стол с Никитой Дубко и Алексеем Авдеевым
• Я.Субботник по разработке интерфейсов
Веб-разработка
• Веб-безопасность 201
• Используйте фавиконки правильно
• Core Web Vitals: с чего начать?
• Оптимизация изображений в вебе
• Как записывать аудио с помощью MediaStream API
• Web QA: от пользовательских требований до управления веб-рисками
• Глубокое погружение в VideoNG
• Управление комплексными анимациями с помощью Web Animations API
• Моя боль при создании WYSIWYG-редактора с contenteditable
- Доступность
• Accessible Palette: создавайте цветовые системы с правильными значениями яркости и контраста
• In Quest of Search: Почему я считаю хорошей идеей добавление нового HTML элемента-секции для поиска.
• Мифы о Web Accessibility
CSS
• Создание красивых теней на CSS
• Зернистые градиенты
• Будущее CSS: каскадные слои (CSS @layer)
• Снижение потребности в псевдоэлементах
• Подробно о «gap» в CSS
• Модернизация инфраструктуры CSS в DevTools
• CSS Container Query Units
• CSS Flexbox vs Grid layout
• Поднимаем паруса с Tailwind CSS
JavaScript
• Построение библиотек компонентов и их организация. Или как извлечь максимальную пользу для бизнеса c React и Angular
• JavaScript: о том, что нас ждет в следующем году
• Современная архитектура Electron приложений в 2021
• 35 вопросов с собеседования JavaScript-разработчика
• Файлы как они есть. Работа с типизированными массивами
• Forever Functional: функции высшего порядка — функции для управления функциями
• Добавление аннотаций типов в ваш Vanilla JavaScript с JSDoc
• Маленькие пакеты, быстрые страницы: что делать со слишком большим объемом JavaScript
• Валютные расчеты в JavaScript
• Определение того, включены ли третьесторонние cookie или нет с JavaScript
- React
• Игра с голосовым управлением на React и Phaser
• Как сократить время загрузки React приложения на 70%
• Использование Recoil вместо Redux для управления состоянием в React приложениях .
• Как JSX (React) работает под капотом
• Простое руководство по React useReducer() Hook
• Переменные CSS для разработчиков на React
• Визуальное руководство по React Rendering — DOM
- Vue
• Vue 3: когда свойство computed может быть неправильным инструментом
• Бесконечная прокрутка во Vue с использованием API Vue Intersection Observer
• Создание компонента подписи во Vue
• Vue PWA: разработка прогрессивных веб-приложений с помощью Nuxt
• Полное руководство по Vue.js 3 [10/10]
- Angular
• Подробное описание операторов RxJS — Часть 1
• React Context в Angular
• Отслеживание области взаимодействия с пользователем
- Libs & Plugins
• Первое знакомство с JavaScript-библиотекой Solid
• ChowJS: движок AOT JavaScript для игровых консолей
• tiny-vdom — Минимально возможная реализация virtual DOM.
• dotto.x — крошечный менеджер состояний для React, Svelte и vanilla JS.
Браузеры
• В Firefox проводится эксперимент по использованию поисковой системы Bing по умолчанию
• Mozilla представила Firefox Suggest и новый интерфейс браузера Firefox Focus
• Chrome — это новый Safari. А также Edge и Firefox.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.