https://habr.com/ru/post/468431/

• Разработка веб-сайтов
• CSS
• JavaScript
• HTML

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

Медиа

• Подкаст «CSSSR»: Новости 512 — REST, Wi-Fi 6, security-релизы Chrome и Firefox, Safari 13, база данных россиян
• Подкаст «Веб-стандарты», #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.