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