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

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

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

---

Медиа

• Подкаст «Веб-стандарты», 175. IE mode in Edge, Chromium, slow CSS, CSSWG, stages in CSS, Houdini
• Подкаст «devschacht»: #79: Разработка опенсорс на примере React Styleguidist и mrm
• Подкаст «devschacht»: #78: Как программисту переехать в Берлин и стоит ли оно того
• Подкаст «Фронтенд Юность (18+)»: #92 Firefox убивает интернет
• Подкаст «Сделайте мне красиво», Выпуск №16 — Замена Lodash, снова о TDD и куда может расти Senior
• FrontSpot Show #7: Где взять идею для стартапа?
• «ALL YOUR HTML» #s3e1: «Image transition with PIXI.JS»

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

• HTTP-заголовки для ответственного разработчика
• Favicons: возможно, наименее понятая веб-функция
• Новый вечнозеленый Googlebot
• Гибридный Lazy Loading: прогрессивная миграция к нативному Lazy Loading
• SVG-компоненты для IoT и устройств (часть 1)
• Зачем, как и когда использовать семантический HTML и ARIA
• Как выбрать лучший генератор статических сайтов для вашего проекта 2019 года
• Практические занятия с Portals. Узнайте, как создать хороший UX для навигации с помощью API Portals.

• Tools:
  • Ускоряем сборку веб-приложения с webpack
  • Представлен GitHub Package Registry
  • Microsoft представила Windows Terminal – новую командную строку для Windows
  • Утилита для конвертации SVG пути в относительные или абсолютные
  

• Анимация:
  • Все об SVG анимации
  • Производительность анимаций на сайтах
  • История одной анимации: WebGL и не WebGL
  • Подборки вдохновляющих сайтов Roundup #4
  

CSS

• css-only-chat — Поистине чудовищный асинхронный веб-чат без использования JS на фронте
• Ночной режим с Mix Blend Mode: разница
• Базовое руководство по специфичности CSS
• 4 причины, по которым ваш z-index не работает (и как это исправить)
• cssfx — подборка симпатичных CSS-эффектов с функциональностью click-to-copy
• Разбираемся с расположением элементов в гридах с помощью построения периодической таблицы на HTML
• Анонсирована поддержка `font-display` в Google Fonts
• CSS3 Transform — онлайн-визуализатор функций 2D & 3D трансформаций в CSS
• Перенос на новую строку с помощью flexbox

JavaScript

• Ember.js: (снова) время попробовать
• Игра фреймворков: тренды JavaScript в 2019
• Пишите меньше кода
• Создание многопользовательской веб-игры в жанре .io
• Что нового в JavaScript (Google I/O ’19)
• Готов ли Google к работе с JavaScript?
• Что я узнал из реверес-инженеринга библиотеки интернационализации Airbnb
• Несколько функциональных применений для Intersection Observer для определения, что элемент находится в поле зрения
• Руководство по настройке Vim для разработки на JavaScript
• Введение в GraphQL
• В JavaScript пакете Axios обнаружена DoS-уязвимость, которая затрагивает все версии популярного HTTP-клиента

• Теория:
  • Паттерны проектирования в современной JavaScript-разработке
  • ‘let’ me be a ‘const’(ant), not a ‘var’(iable)!
  • location = location… и 534 других способа перезагрузки страницы с помощью JavaScript
  • Размышления об упрощении обработчиков событий
  

• VueJS:
  • BEM + Vue.js — это просто
  • Понимание реактивности во Vue.js (Шаг за Шагом)
  • Методы обработки ошибок во Vue.js
  • Введение в функцию визуализации Vue (с примерами)
  • Структурирование модулей Vuex для взаимодействия, скорости и гибкости
  • Vuex: Mutations vs. actions
  • Архитектура для масштабного приложения на Vue.js
  • Фул-стек решение для быстрой разработки PWA
  

• React:
  • react-native-windows — Фреймворк для создания нативных Windows-приложений на React.
  • Вы, вероятно, не должны использовать React
  • Профилирование производительности приложений на React
  • Повторное знакомство React: развеиваем мифы каждого обновления React начиная с версии 16
  • Развертывание клиентских приложений с create-react-app на Microsoft Azure
  • Продвинутые шаблоны в React
  • Новый раздел на web.dev, посвященный React
  

• Angular:
  • Оказывает ли React плохое влияние на Angular?
  • Angular — все доклады с ng-conf 2019
  • Использование Renderer2 в Angular
  • Введение в Angular Grid
  • Быстрое погружение в централизацию ваших данных в Angular с помощью ngrx/router-store
  

• Libs & Plugins:
  • dinoql — Настраиваемый язык запросов в стиле GraphQL для взаимодействия с объектами в JavaScript
  • cash: маленькая альтернатива jQuery для современных браузеров
  • hybrids: веб-компоненты из простых объектов и чистых функций
  

Браузеры

• Build 2019: Microsoft официально представила новый браузер Edge на базе Chromium c режимом обратной совместимости IE Mode, а также показала версию для Mac
• Новый браузер Microsoft Edge получил режим IE
• Microsoft Edge получит Коллекции, расширенные настройки приватности и встроенный Internet Explorer
• В Chrome 76 будет по умолчанию отключен Flash
• Coinhive закрылся, но браузерный майнинг по-прежнему является проблемой
• Браузер Vivaldi 2.5 получил первую в своём роде интеграцию с подсветкой Razer Chroma
• Mozilla устранила проблему с неработающими дополнениями в Firefox, но у некоторых пользователей ещё могут быть затруднения
• Закулисные подробности того, как Майкрософт неожиданно решила работать вместе с Гуглом над собственным браузером Edge.

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

• Куда деваться стареющим программистам?
• «Facebook должен быть разрушен»: сооснователь соцсети выступил против Марка Цукерберга
• Использование машинного перевода Google Translate только вредит «Википедии»
• Новая Microsoft: компания создала дизайн-систему и объединила под ней отделы разных продуктов
• Google объявила Kotlin приоритетным языком программирования для разработки Android-приложений
• Зафиксирована атака вредоносных шифровальщиков на Git-репозитории


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

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