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