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

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры    |    Занимательное

Медиа

• Подкаст «Веб-стандарты» 268. Npm 7, PCM, V8 v8.9, App History API, прагматичные книги, Docker: зачем, как и чьё это дело
• «Новости 512» от CSSSR: Эра ES-модулей, релизы Node.js LTS, CSS transition, width & height, WebdriverIO 7, Rust Foundation
• HolyJS 2020 Moscow
• Отсобеседование #1: Открытое собеседование frontend разработчика (Middle)

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

• Боль фронтов, или что нам нужно от дизайнеров
• Версионность веб-приложений
• Weekly Platform News: WebKit autofill, использование Cursor Pointer, задержка автоматического проигрывания видео
• 21 плохая фронтенд-привычка, от которых стоит отказаться в 2021 году
• Доступ к аппаратному обеспечению в вебе
• Разработка производительного пользовательского курсора
• Управление фокусом в shadow DOM
• Почему вы должны превратить свое приложение в PWA
• Отладка WebAssembly с помощью Chrome DevTools
• Простая анимация линий при наведения курсора для ссылок
• Frontend SOLID || Архитектура во Фронтенде

• Инструменты
  • Vite против Snowpack: сравнение инструментов сборки фронтенда
  • github1s — Одна секунда, чтобы прочесть код на GitHub с помощью VS Code.
  

• Доступность
  • Вступление в новую цифровую эпоху доступности и инклюзивности
  • Прекрасная доступность с плавающим фокусом
  

CSS

• В ожидании aspect-ratio: все «хаки» для пропорциональных боксов
• Пришло время попрощаться с единицей измерения px
• 7 основных понятий CSS Grid Layout с примерами, которые помогут начать работу с гридами
• Обмен данными между CSS и JavaScript с использованием кастомных свойств
• Интерактивное руководство по CSS Transitions
• SmolCSS — небольшой набор сниппетов для современных CSS лейаутов и компонентов
• Управление Z-индексом CSS в крупных проектах
• Prefers-contrast: forced — это ошибка

JavaScript

• TypeScript: Раскладываем tsconfig по полочкам. Часть 1
• Как реализовать drag & drop на чистом JavaScript
• Решение забавной задачки на JavaScript
• Зависимости JavaScript: все, что вы хотели знать, но боялись спросить
• Программное создание изображений с помощью CSS Painting API

• Теория
  • Инверсия и внедрение зависимостей
  • 7 вопросов для собеседования по замыканиям в JavaScript.
  • Подробное руководство по выражениям и операторам JavaScript
  

• React
  • Кому с Redux жить хорошо
  • 12 шагов, как подготовить Junior React Developer к работе на проекте на примере To-Do List App
  • Изучение методов кэширования в React
  • 6 лучших практик React на 2021 год
  • Remotion — Создание анимированной графики в React
  

• Vue
  • Реализация шаблона Builder во Vue.js, часть 1: Списки
  • Реализация шаблона Builder во Vue.js, часть 2: Формы
  

• Angular
  • Angular — четыре старомодных практики, которые НЕ следует переносить в Angular
  • Предварительная бета-версия Angular 12
  • Оптимизация приложений на Angular
  • Руководство по Angular Routing: как оптимизировать навигацию в приложении
  • Пользовательские операторы RxJS
  • Легкая настройка TailwindCSS в Angular
  

• Ember
  • The Ember Times — Issue No. 173
  • Отформатируйте шаблоны Glimmer с помощью Prettier
  

• Svelte
  • Переиспользуемый компонент Svelte: чтобы никому не было больно
  

• Libs & Plugins
  • Handsfree.js — Быстро интегрируйте отслеживание лица, рук и / или позы в свои фронтенд-проекты.
  • Mineflayer — Создавайте Minecraft-ботов с помощью мощного, стабильного и высокоуровневого JavaScript API.
  

Браузеры

• Safari стал вторым Internet Explorer
• Метод идентификации браузера через манипуляции с кэшированием Favicon
• Chrome вскоре прекратит работать на процессорах старше 15 лет
• Критический баг в Firefox мог привести к выполнению произвольного кода

Занимательное

• Атака на зависимости позволила выполнить код на серверах PayPal, Micrоsoft, Apple, Netflix, Uber и ещё 30 компаний
• Иконки Favicon научились использовать в качестве Supercookies
• Исследование: корпоративных медиа на WordPress стало больше, чем обычных
• Google, Microsoft и Huawei объединились для поддержания жизни языка Rust
• Проект Tor представил систему анонимных тикетов для GitLab


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