Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа
• 
Подкаст «Веб-стандарты», #193. Chrome 77, Can I use + MDN, Can I email, митап по доступности
• 
Подкаст «Фронтенд Юность (18+)»: #108 Россияне не готовы верить, что роботы воспитают их детей натуралами
• 
Интервью c Виталием Фридманом на канале JavasSript.Ninja
• 
Видеокаст «Frontreview» #19: React, Angular и Vue: что изучать в 2019-2020 году?
• 
Repozitorro #27 — Похоже на моё первое портфолио)
Веб-разработка
• 
Блоги по frontend-разработке, которые стоят того, чтобы их читали
• 
История одной анимации
• Архитектура фронтенда: Малый круг
• 
Об HTML-атрибуте, потенциально стоящим $4,4 млн. для Chipotle
• 
Как создавать профессиональные HTML формы
• 
Как Google Nofollow, Sponsored и UGC ссылки влияют на SEO
• 
Создание расширения для Chrome с Preact и Webpack
• 
Современная архитектура фронтенда 103
• 
Пол Бакаус: «AMP — это довольно недопонятый проект»
• 
Каждый сайт заслуживает сервис воркер
- Производительность
• Советы по оптимизации HTML-кода, изображений, элементов пагинации, внедрению микроразметки, турбо-страниц, AMP от руководителя оптимизаторов в «Ашманов и партнёры»
•
Более быстрые метрики отрисовки с адаптивными CDN для оптимизации изображений
•
Бюджет инициализации JavaScript на Wikipedia
•
Оптимизация изображений для веба
•
«Performance Matters» — доклад Emery Berger со Strange Loop 2019
CSS
• 
Насколько хорошо вы знаете CSS? (+ мини-тест)
• 
Эффекты искажения на CSS
• 
Будьте проще, используя масштабируемый CSS
• 
CSS Quickies: CSS-переменные — или как легко создать «светлую/темную» тему
• 
Демонстрация нового способа сделать Sass быстрее
• 
CSS Grid: иллюстрированное введение
• 
Маленькая неровная таблетка: проблемы с закругленными кнопками
• 
Таблицы со схлопывающимися строками
• 
Gap — светлое будущее для отступов в Flexbox (как в Grid)
JavaScript
• 
Прокачиваем навыки отладки JavaScript с помощью консольных трюков
• Используем DOM как Pro
• Машинное обучение для фронтенд разработчиков с Tensorflow.js
• Как писать эффективный код на JavaScript с помощью Event Loop
• Замыкающие запятые (Trailing Commas) в JavaScript ES 2017
• 
Static Svelte: JavaScript для блогов с менее 93% JavaScript
• 
Почему JavaScript инструментарий отстой
• 
Как делать Authenticated Serverless JAMstack Apps с помощью Gatsby и Netlify
• 
Выходим за пределы console.log() — 8 консольных методов, которые следует использовать при отладке JavaScript и Node
• 
Обратные кавычки (``) медленнее, чем другие строки в JavaScript?
• 
Новые функции Javascript — Часть 1
- React
•
История о V8, React и падении производительности: Часть 1, Часть 2
•
Проблемы и нюансы при разработке под SmartTV с использованием React.js
•
Профилирование производительности приложений на React
•
10 ошибок, которые делают разработчики React
•
Тестирование React приложений в 2019
- Vue
•
Запись MSK VUE.JS meetup #3 в Mail.ru Group
•
11 хуков жизненного цикла Vue.js
•
Создайте приложение на Rails с VueJS, используя JSX
•
«Сравнение Vue 2 / Vue 3 » — доклад James Stewart на VueJS Glasgow
- Angular
•
Бесконечная прокрутка в Angular с использованием CDK
•
Создание поведенческих компонентов в Angular
•
Почему ваше приложение на Angular не работает: 7 распространенных ошибок
- Ember
•
Подкаст «The EmberMap»: Гипотеза усыновления воина выходного дня
•
Релиз `ember-svg-jar`: добавление SVG изображений в Ember самым простым способом
•
EmberCamp Chicago 2019
•
ember-sinon-qunit v4: Консолидация и упрощение
Браузеры
• 
Microsoft Edge – Универсальный XSS
• Firefox переходит на сокращённый цикл подготовки релизов
• Firefox Preview 2.0 для Android
• В Chrome добавлена экспериментальная поддержка протокола HTTP/3
• 
Новое в Chrome 77
• 
Chrome 78 Beta: новый Houdini API, нативный доступ к файловой системе и многое другое
Занимательное
• Microsoft представил новый открытый шрифт Cascadia Code
• Google о текущем статусе сканирования AJAX
• Маски, макияж и капюшоны: как люди пытаются защититься от технологий распознавания лиц Материал редакции
• Mozilla выделила 100 млн долларов на поддержку сайтов, работающих без рекламы
• Алгоритм Google диагностирует кожные заболевания не хуже дерматологов
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
