Фронтенд-дайджест №370 (17 — 23 июня 2019)

Медиа

• Подкаст «Podlodka» #117: Современный фронтенд
• Подкаст «Девшахта/Ночной фронтенд», Выпуск №85: Вадим Макеев про историю и принципы WSD
• Подкаст «Пятиминутка React»: Скринасты Пятиминутки React на YouTube
• Подкаст «CSSSR»: Новости 512 – Vue 3 разборки, микросервисы, бенчмарки, свежие релизы и немного о супер-компьютерах
• Подкаст «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 браузеров, на которые стоит перейти, если вы заботитесь о своей приватности
• Как включить экспериментальные функции веб-платформы в Chrome и Firefox