Фронтенд-дайджест №364 (6 — 12 мая 2019)

Медиа

• Подкаст «Веб-стандарты», Выпуск 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: GitHub ввёл в строй реестр пакетов, совместимый с NPM, Docker, Maven, NuGet и RubyGems
  • 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 для определения, что элемент находится в поле зрения

• Введение в 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
  • Руководство по настройке Vim для разработки на JavaScript

• 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, но у некоторых пользователей ещё могут быть затруднения
• Внутри Microsoft удивились решению работать с Google над их браузером Edge