Дайджест свежих материалов из мира фронтенда за последнюю неделю №424 (13 — 19 июля 2020)

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

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

Медиа

• Подкаст «Веб-стандарты» №238: События в Яндексе, Safari, планы браузеров, новый CSS Zen Garden, Houdini vs CSS, Yandex набор UI
• Подкаст «Фронтенд Юность (18+)» №146: Под суд за отсутствие accessibility
• Подкаст «CSSSR»: Vue 3, новые фичи CSS, web.dev Russia, PHP 8, ML и QA, полиморфизм, State of Frontend 2020

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

• Возвращение веба 90-х годов
• Wasm или не Wasm?
• Как мы решили оптимизировать картинки — а в процессе переделали сайт, админку и подход к интерфейсу
• Добавление дополненной реальности на ваши сайты
• От Gatsby до Eleventy: Выбор статического генератора сайта для личного сайта
• Текущее состояние pixel-perfect верстки
• Как перейти с Bootstrap 4 на 5 версию
• Сделать Jamstack медленным? Вызов принят.

• Доступность
  • Детали редизайна сайта The A11Y Project
  • Состояние кнопки и доступность
  

CSS

• Чего я не знал о CSS
• Невидимые части CSS
• 8 рекомендаций SCSS, о которых следует помнить
• Эффект стоящих карточек на CSS
• Три CSS альтернативы навигации на JavaScript
• Grids Part 1: To grid or not to grid
• CSS брейкпоинты, используемые популярными CSS фреймворками
• Backdrop Filter эффект с CSS
• Решение “click to animate gif” на чистом CSS
• Style Stage — различные комбинации современных техник CSS для стилизации одной HTML структуры в стиле CSS Zen Garden
• Как сделать текст курсивным

JavaScript

• 4 революционных возможности JavaScript из будущего
• 155 вопросов по JavaScript
• Установка и обновление зависимостей в JavaScript
• Что такое замыкание, объяснение от Дена Абрамова
• Простое объяснение делегирования событий в JavaScript
• 34 самых популярных репозиториев JS на GitHub в июне 2020 года
• 14 советов по оптимизации кода JavaScript для фронтенд разработчиков
• 8 глупых JavaScript-проектов, которые заставят вас улыбнуться
• Устранение дублирующихся объектов: три подхода

• React
  • Борьба за производительность по-настоящему больших форм на React
  • Повышаем квалификацию с лучшими инструментами для web-разработки на React
  • Методы улучшения и оптимизации производительности в приложениях React
  • React Spectrum — коллекция библиотек и инструментов от Adobe, которые помогут вам создать адаптивный, доступный и надежный пользовательский интерфейс
  • Почему я перешел с Vue в React
  • Взгляд на React Router 6
  

• Vue
  • Vue.js для начинающих, урок 3: условный рендеринг
  • Vue.js для начинающих, урок 4: рендеринг списков
  • Vue 3 теперь в RC
  • Взгляд на новый Vue: что ожидать во Vue 3
  • Вам не нужен Vuex с Vue 3
  • Использование IntersectionObserver с Vue.js
  

• Angular
  • Неправильное представление о методах жизненного цикла в Angular
  • Хакаем формы Angular с Rxjs
  • Создание пользовательской библиотеки с Angular
  

• Ember
  • The Ember Times — Issue No. 156
  • Как модификаторы Ember могут управляться изнутри?
  • Использование ember-concurrency с TypeScript
  

• Svelte
  • Ленивая загрузка изображений в Svelte
  • Интерактивные карты с Leaflet и Svelte
  • Отзывчивый Svelte (исследуя реактивность Svelte)
  

• Libs & Plugins
  • uvu — чрезвычайно быстрый и легкий тест-раннер для Node.js и браузера
  • form-validation.js — Самый настраиваемый фреймворк для валидации в JavaScript.
  • Введение в Stimulus.js, скромный JavaScript фреймворк, который дополняет ваш существующий HTML
  • Bree — лучший планировщик для Node.js с поддержкой cron, dates, ms, later и human-friendly strings
  • Bumblebee — JavaScript фреймворк для создания голосовых приложений
  • Воссоздание библиотеки Facebook Recoil
  

Браузеры

• Новое в Chrome 84
• Релиз Chrome 84
• Исправление Windows 10, снизившее потребление памяти в Chrome, отключили в новой версии браузера

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

• Google развеял SEO-мифы о краулинговом бюджете
• Официально запущен сервис Mozilla VPN
• GitHub ушёл под лёд: 21 Тбайт открытого кода спрятано в арктическом хранилище
• Apple обновила стайлгайд для разработчиков и заменила в нём слова blacklist, master и slave для борьбы с дискриминацией
• NYT: взломавший Twitter-аккаунты Маска и других получил доступ к внутренним инструментам через чат компании в Slack
• Линус Торвальдс одобрил исключение из кода ядра Linux терминов slave, blacklist и прочих

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

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