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

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

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

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

Медиа

• Подкаст «CSSSR»: Новости 512 — Hacktoberfets, Vue-директивы, TypeScript 3.7 Beta и PostgreSQL 12
• «Девшахта-подкаст» #96: Цели, приватные поля и новая Node.js
• «Девшахта-подкаст» #97: LongestJS, TC39 Panel, воркшопы и лайтнинги на HolyJS
• Фронтенд Юность (18+) #110: Компилируем шаварму
• Repozitorro #29 — Частая ошибка новичков

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

• «Алиса, пойдём во фронтенд!»
• Рендеринг текста вас ненавидит
• Эволюция управления веб-контентом

• Инструменты
  • Как заопенсорсить npm-пакет с нормальным деплоем, CI и демо (без потери радости к жизни)
  • Вещи, которые вы могли не знать о Chrome DevTools
  • WebHint в Firefox DevTools: улучшенная совместимость, доступность и многое другое
  

• Производительность
  • Ускорение instagram.com. Часть 2
  • Оптимизация изображений для веба — подробное руководство
  

• Доступность
  • Доброшрифт
  • Инклюзивные компоненты: интерфейсы со вкладками
  • Бесконечная прокрутка и Role = проблемы доступности
  • Сара Суидан о прикладной доступности: практические советы по созданию более доступных интерфейсов (SmashingConf Feiburg 2019)
  

CSS

• Не усложняйте масштабируемый CSS
• Современный CSS Reset
• Feeling Sassy Again. Заметка в блоге cloudfour о том, как они задумались о возвращении на Sass после 4х лет использования PostCSS
• Создание макета Scrapbook с помощью CSS Grid
• Редакторские шаблоны дизайна с помощью CSS Grid и Named Columns
• Создание слайд-шоу с CSS Scroll Snapping
• Почему CSS такой странный?
• Множество способов залинковать фигуры и изображения с помощью HTML и CSS
• Интересные лейауты с CSS Grid
• Попытка разобраться в поддержке CSS в Gmail (по версии 2019)

JavaScript

• Создайте PWA с использованием ванильного JavaScript
• Не используйте переменные JavaScript без понимания временной мертвой зоны
• RE: Боль и слёзы в Svelte 3
• Исполнение JavaScript кода через import()

• Релизы
  • Вышел TensorFlow 2.0 с переработанными API и улучшенной производительностью
  • TensorFlow 2.0 теперь доступен!
  • Preact X — новая версия preact c Virtuous DOM и Fragments of Suspense
  • Релиз Nuxt v2.10.0
  • Анонс TypeScript 3.7 Beta
  • Обновляйтесь! Node.js 8 не поддерживается с 2020
  

• Теория
  • Заметка о void в JavaScript и TypeScript
  • Два исключительных варианта использования оператора spread, о которых вы можете не знать
  • Функции высшего порядка и их использование в javascript
  • Подробно про метод filter() в JavaScript
  • Почему я предпочитаю объекты, а не оператор switch
  • JavaScript Map, Reduce и Filter — объяснение с примерами
  • Как проверить число в JavaScript
  

• React
  • Руководство по React от Framer
  • Минималистичный менеджмент состояния (React)
  • Анимации с использованием React Hooks и GreenSock
  • Повысьте производительность приложений на React + Redux с помощью библиотеки Reselect
  • Новые функции в React 16.9.0
  • Демонстрация повторно используемых компонентов React в формах
  • React VS Vue: что выбрать для 2020 года?
  • Я создал точно одинаковое приложение на React и Vue. Вот различия. [по версии 2019 года]
  • Релиз create-react-app v3.2.0
  

• Vue
  • 15 обязательных директив Vue, которые значительно увеличат вашу производительность
  • vue-next (Vue 3 Pre-Alpha): разработчики достигли большинства архитектурных целей и новых функций, запланированных для v3
  • Vue 3 — обзор доступной информации о новой версии Vue.js
  • Как улучшить производительность vuex store
  • Создание веб-приложения Vue на основе классов с аутентификацией Firebase
  • Юнит-тестирование во Vue: что тестировать?
  • Как сделать приложение календаря с помощью Vue
  • В 10 раз более быстрые Nuxt сборки на Netlify
  

• Angular
  • Мой год рефакторинга крупномасштабного проекта на AngularJS…
  • Анимация UI элементов в Angular #1, #2
  • Angular — Все доклады с AngularConnect 2019
  

• Ember
  • Система внедрения зависимости в Ember.js
  • Анимированные шахматные фигуры с ember-animated
  • «Эволюция Ember.js в Intercom», — Gavin Joyce на JSDayIE 2019
  • EmberCamp Chicago 2019
  

• Libs & Plugins
  • Рассказ о решении проблемы с производительностью Moment.js
  • timequeue.js — Очередь с настраиваемым параллелизмом и ограничением по времени.
  • Moveable — это Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable
  

Браузеры

• Google Chrome будет блокировать весь смешанный контент
• В ночных сборках Firefox предложено модернизированное оформление адресной строки
• Тотальный бойкот HTTP. Google Chrome вскоре будет по умолчанию блокировать весь «смешанный» контент

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

• Google: HTML-карта сайта не нужна с точки зрения SEO
• Google: заголовки H1 полезны, но не критичны
• Mozilla выиграла судебное разбирательство, связанное с сетевым нейтралитетом
• Сатья Наделла: Windows для нас больше не является важным направлением
• Почему Windows — больше не приоритет Microsoft. Анализ The Verge
• WSJ: Visa, Mastercard и другие компании задумались о выходе из проекта криптовалюты Libra от Facebook

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

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