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

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

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры

Медиа

• Подкаст «Веб-стандарты» №211. Софт-скилы, футбол и жизнь без фронтенда, веб-компоненты, React, гриды, перфоманс, дайвёрсити
• Подкаст «Фронтенд Юность (18+)» #121: Из чего состоит JavaScript
• UnderJS Podcast #13 — Андрей Ситник про Logux, PostCSS и человечный фронтенд [Ламповый]
• Подкаст CSSSR, Argumentarium — Reatom, Redux и Effector
• pro​Conf #44 [Special] ЛУЧШИЕ ДОКЛАДЫ 2019

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

• Начало работы с тестированием фронтенда
• Отчет по безопасности npm 2019
• Простые плейсхолдеры для изображений с помощью SVG
• Почему вы должны выбрать <article> вместо <section> в HTML5

• Производительность
  • Быстрая загрузка страниц на самых простых дешёвых телефонах
  • Как Google учитывает показатели производительности веб страницы при ранжировании результатов поиска?
  • Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]
  • Уменьшение HTML загрузки с помощью сервис-воркеров
  • Год для веб-производительности: 2019
  • Бюджеты производительности, прагматично
  • Что я узнал, оптимизируя наше время сборки
  

• Эффекты
  • Подборка креативных демок «Awesome Demos Roundup #12»
  • Как анимировать SVG подпись
  • Игра с текстурной проекцией в Three.js
  

CSS

• Клади плитку эффективно ( Про CSS, SVG, pattern и другое)
• Свойства Min и Max width/height в CSS
• Стандарт CSS для Masonry-раскладки: от идеи — к первым конкретным наработкам
• prefers-color-scheme: CSS Media Query
• Как совмещать элементы в CSS
• Перемещение (или нет) с помощью CSS Motion Path
• Карусель на CSS
• Многопозиционные ползунки: общий случай, случай с двумя позициями
• Использование изингов не только для CSS transitions
• Понимание CSS Grid: Grid Lines
• 7 свойств CSS, о которых вы не знали
• 13 способов вертикального центрирования в 2020
• Скрытие элементов в вебе

JavaScript

• Что добавят в JavaScript уже в 2020 году
• Модальные окна, которые мы заслужили
• Восходящие звезды JavaScript 2019
• Сколько платить JavaScript-разработчикам в 2020 году
• Как перевести свой проект на TypeScript в своем темпе
• Hopa — CLI без конфигов, запускающая JavaScript и TypeScript

• Теория
  • Пять интересных способов использования Array.reduce() (и один скучный путь)
  • Реактивность в веб-фреймворках (часть 1)
  • Понимание Async Await
  • JavaScript и window.postMessage()
  • NaN в JavaScript
  

• React
  • Beautiful React Hooks — Коллекция красивых и (надеюсь) полезных хуков React для ускорения разработки ваших компонентов и хуков
  • Развенчание мифа: Accessibility и React
  • От create-react-app к PWA
  • Новая документация Next.js
  • ipod-classic-js — iPod Classic, созданный с использованием React Hooks, TypeScript и GraphQL
  • craft.js — React Framework для создания расширяемых редакторов страниц с drag and drop
  

• Vue
  • 5 дел, которые можно сделать для того, чтобы подготовиться к приходу Vue 3.0
  • Vue для самых маленьких a.k.a небольшой блог по всем канонам
  • Использование IndexedDB с Vue.js
  • Анонс Villus — крошечный и быстрый клиент GraphQL для Vue.js
  • Обработка событий с помощью Vue.js
  • Приключения с функцией рендера Vue
  • Полное руководство по созданию полноценного мультиязычного сайта на Nuxt.js
  • vue-kinesis — Простые в использовании компоненты Vue.js для создания интерактивных анимаций
  

• Angular
  • Лучшие новые возможности Angular 9
  • Практическое руководство по Angular: Data Binding & Directive
  • Как создать и развернуть приложение Angular Material
  • Scully, первый генератор статических сайтов для Angular
  

• Ember
  • The Ember Times — Выпуск 130
  • 6 советов по переходу на CSS-модули в Ember
  

Браузеры

• Релиз Firefox 72
• Firefox 72, детали для разработчиков
• Chrome, следом за Firefox, добавит защиту от назойливых уведомлений
• Mozilla тестирует систему голосового управления Firefox Voice
• Слухи о смерти Internet Explorer сильно преувеличены. Windows 10 ставит рекорд по совместимости
• Firefox 72 — наша первая песня 2020 года
• Конец инди веб-браузеров: вы (не) можете конкурировать
• Почему вам давно пора было отказаться от поддержки IE...

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

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