Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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
- 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.
Автор: alexzfort