Дайджест свежих материалов из мира фронтенда за последнюю неделю №370 (17 — 23 июня 2019)

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

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

---

Медиа

• Подкаст «CSSSR»: Новости 512 – Vue 3 разборки, микросервисы, бенчмарки, свежие релизы и немного о супер-компьютерах
• Подкаст «Пятиминутка React»: Скринасты Пятиминутки React на YouTube
• Подкаст «Repozitorro» #19 — Всё так хорошо начиналось и так печально закончилось
• Подкаст «Pro Conf» #17 HolyJS 2016 — 2018
• CSS Day 2019 + UI Special

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

• Как делать сайты в 2019 году
• Почему я не использую веб-компоненты
• 10 полезных советов по реализации Pixel Perfect дизайна в Frontend разработке
• Как разделить ваш HTML на секции
• Техника Reduced Motion для Picture
• Урок по веб-компонентам для начинающих [2019]
• Микро фронтенды
• Как создать PDF из вашего веб-приложения
• Все, что вам нужно знать о Progressive Web App (PWA)
• Перетаскиваемое меню с анимированной сеткой превьюшек

• Производительность:
  • 4 приема, которые помогли нам оптимизировать frontend
  • Как увеличить размер страницы на 1500% с помощью webpack и Vue
  • Оптимизация производительности Google Fonts
  • Самый простой способ ускорить медленный сайт
  • Как повысить производительность вашего веб-приложения — 5 советов для разработчиков
  • exthouse: инструмент мониторинга производительности браузерных расширений и их влияние на общий уровень производительности для пользователей
  

• Accessibility:
  • Анатомия доступных форм: лучшие практики
  • Преобразование div в доступные псевдокнопки
  • 5 шагов к доступной веб-типографике
  

CSS

• Почему мы предпочитаем CSS(--variable) переменным SASS($variable)?
• Введение в CSS Shapes
• Галерея картинок в стиле Pinterest
• CSS свойство background-image как антипаттерн
• CSS day 2019: Часть 1: UI special (1/2), Часть 1: UI special (2/2)
• CSS Day 2019: кое-какие вещи, которые я узнал
• Буквица и системы дизайна
• Copy-and-Paste CSS Animation Cheat Sheets
• CSS Scroll Snap обновлен в Firefox 68
• CJSS — Веб-фреймворк на основе CSS

JavaScript

• Программирование на JavaScript для токарного станка
• Элегантная обработка ошибок в JavaScript с помощью монады Either
• Создание Micro Frontends с помощью React, Vue и Single-spa
• Использование сервис-воркеров в Google Search
• 5 функций ES2019, которые вы можете использовать сегодня

• Теория:
  • 13 полезных однострочников на JavaScript
  • Лямбда-исчисление в JavaScript?
  • Основы JS: движок JavaScript
  

• VueJS:
  • Темный день для Vue.js
  • 5 чрезвычайно простых способов ощутимо повысить скорость вашего VueJS-приложения
  • JavaScript.Ninja: VueJS: Продолжаем о 3.х
  • Начало работы с Vuex: руководство для начинающих
  • Передача переменных в CSS в компонентах Vue
  • Используйте Data Binding Options во Vue.js для реактивных приложений
  • Введение в хуки жизненного цикла Vue
  • Создание CRUD приложения с Vue и GraphQL
  

• React:
  • Анонс новой версии Styled Components v5: Звериный оскал
  • 5 отличных способов анимировать React-приложения в 2019 году
  • 11 советов для тех, кто использует Redux при разработке React-приложений
  • Как добавить интернационализацию (i18n) в приложение Preact
  • React c 60 кадров в секунду  —  создание увеличителя Medium-стиле c React-Pose
  • Упрощение React State и хуков useState
  • Что это за хрень в React? (Suspense)
  • Vue без View — Введение в Renderless компоненты
  

• Angular:
  • 19 концепций, которые нужно изучить для того, чтобы стать эффективным Angular-разработчиком
  • Пользовательские директивы Angular
  • Создание масштабируемых, надежных и безопасных форм с помощью Angular
  

• Ember
  • EmberJS2019 Posts
  • Как новый синтаксис тестов позволяет упростить тестирование
  • Встроенные инпут-хелперы в Ember.js: когда онт должны использоваться?
  • Как на самом деле создать первоклассное приложение бесплато?
  • Essential Ember Addons: состояние экосистемы аддонов в Ember в 2019
  

• Libs & Plugins:
  • ts-toolbelt: ещё более безопасная типизация для TypeScript
  • spotlight: библиотека для наиболее лёгкой интеграции галереи в попапе
  • Just — библиотека от microsoft для определения задач сборки
  • deepmerge — библиотека для глубокого (рекурсивного) слияния Javascript объектов
  

Браузеры

• Chrome предупредит об опасных URL и обзаведется расширением Suspicious Site Reporter
• Новый браузер Microsoft Edge на базе Chromium теперь доступен для пользователей Windows 7 и Windows 8
• Для Firefox развивается режим блокировки виджетов социальных сетей и Firefox Proxy
• Для Firefox 69 подготовлен генератор паролей и режим блокировки автовоспроизведения видео
• 5 браузеров, на которые стоит перейти, если вы заботитесь о своей приватности
• Против сотрудников Coinbase использовали две 0-day уязвимости в Firefox
• Расширение для Chrome подменяло результаты поиска
• Как включить экспериментальные функции веб-платформы в Chrome и Firefox

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

• Microsoft реализует нативное удаление PWA-приложений
• В PowerPoint появится ИИ-помощник для репетиции речи
• Microsoft добавит в PowerPoint виртуального помощника для репетиции речи — он укажет на слова-паразиты и другие ошибки
• Предугадать и исправить типичные ошибки пользователей при взаимодействии с сайтом
• GitHub приобрёл разработчика сервиса для совместной проверки кода Pull Panda и сделал его инструменты бесплатными
• Facebook представила международную криптовалюту Libra. Ее поддержали Visa, Mastercard, PayPal и многие другие, запуск — в первой половине 2020 года
• Первый взгляд на Facebook Libra
• Больше складных экранов, меньше подкастов: что ждёт технологии в 2019 году


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

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