Дайджест свежих материалов из мира фронтенда за последнюю неделю №315 (14 — 20 мая 2018)

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

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

---

Медиа

• Подкаст «Frontend Weekend» #53 – Виталий Слободин об истории поддержки PhantomJS и развитии Ростовского IT-сообщества
• Подкаст «Веб-стандарты», выпуск №121: Что за GDPR, про браузеры, CSS — это дизайн, движение по кривой, все пробелы, динамический NodeList, критика CSS-in-JS, синдром устаревания, нессылки.
• Подкаст «RadioJS» Выпуск 52: Микросервисы на фронтенде. В гостях Андрей Мелихов и Вячеслав Слинько
• Подкаст «CSSSR»: Новости 512 — Выпуск №6 (13.05 — 20.05)
• «ALL YOUR HTML» #49: «Простой шейдер для волн»
• JS DevDay. Запись докладов

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

• Frontend 2018: многообразие фреймворков и недостаток миддлов
• Редизайн с большой буквы: изучаем перезапуск Smashing Magazine в 2017-м
• Медленная смерть Internet Explorer и будущее Progressive Enhancement
• 10 YouTube каналов для изучения основ разработки фронтенда
• Является ли GraphQL будущим?
• Использование Lighthouse для улучшения производительности загрузки страницы
• snippets — расширение для Chrome, позволяющее импортировать и вызывать код JavaScript сниппетов из GitHub

CSS

• Более доступная разметка с display:contents
• Движение по траектории в CSS помимо «большой тройки» свойств
• CSS — это дизайн!
• Руководство по стратегии использования CSS переменных
• Отзывчивые таблицы, переосмысление, новая статья на старую тему от Lea Verou
• CSS свойство backdrop-filter
• Дебаты на тему раскладки CSS Grid против CSS фреймворков
• Управление интерактивностью SVG с помощью свойства Pointer Events
• Более глубокий взгляд на общие названия шрифтов в CSS
• css-paint-polyfill — полифил для CSS Paint API, со специальными браузерными оптимизациями
• Стилизация нумерации в списках

JavaScript

• 13 интересных моментов из руководства по стилям для JavaScript от Google
• Повышаем скилы с помощью методов JavaScript за пару минут
• Что если JavaScript выиграет?
• naperg — Fullstack Boilerplate GraphQL. Сделан на React & Prisma + authentication + upload file + chat
• WarriorJS — занятная игра на JS о программировании и искусственном интеллекте
• ReasonML против TypeScript – первые впечатления
• Играем с MIDI в JavaScript

• ES2015+:
  • Руководство по промисам для тех, кто хочет в них разобраться
  • Новости по регулярным выражениям ES2018 — мнение
  • Понимание JS прокси
  

• VueJS:
  • Как я начал любить Vue
  • Сравнение 7 бэкендов для Vue.js
  • Компиляция шаблонов Vue.js на лету с помощью v-runtime-template
  • Интеграция Bootstrap с Vue.js с помощью Bootstrap-Vue
  • Как новый Vue CLI упрощает разработку
  • Создание трекера криптовалют с помощью Vue.js
  

• React:
  • Создание переиспользуемых React компонентов
  • React 16 — что он может сделать для вас?  Часть 1, Часть 2
  • Как работает сверка в React
  • Подробно о новом Context API в React
  • 7 наиболее популярных ошибок, которые совершают разработчики React
  • Как использовать Bootstrap с React
  

• Angular:
  • Обновляем Angular до 6-ой версии в проекте без использования CLI
  • Полное руководство по стратегии обнаружения изменений Angular onPush
  • Обновление фильтров сортировки AngularJS до Angular
  • Первый взгляд: Angular Ivy
  • Движок Ivy в Angular: первый взгляд на компиляцию, выполнение и обнаружения изменений
  • Обнаружения изменений в Angular Ivy: вы готовы?
  

• Libs & Plugins:
  • Easy Toggle State — маленькая JS библиотека для простого переключения классов любого HTML элемента и его назначения
  • isomorphic-git — имплементация git на чистом JavaScript
  • Data-Forge — JavaScript инструментарий для перебора, трансформации и анализа данных
  • lynt — линтер без настроек с поддержкой Typescript, Flow и React.
  

Браузеры

• Что нового в Firefox 61: Developer Edition
• Обновление Firefox 60.0.1 и Firefox 61-бета
• Из Google Chrome исчезнут значки безопасности соединения на HTTPS-сайтах
• Google отключила автоблокировку звука в Chrome 66 из-за конфликта алгоритма с браузерными играми
• Захват экрана в Microsoft Edge

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

• Google представила вторую версию протокола Git
• Из-за уязвимости в Electron под угрозой оказались Skype, Slack, WhatsApp, Discord и другие
• Что вам стоит знать о GDPR
• В августе сторонние клиенты Twitter лишатся ряда функций из-за обновлений API
• Google запускает новые тарифы Google One на облачное хранилище Google Drive: 100 ГБ за $1,99, 200 ГБ за $2,99, 2 ТБ за $9,99
• Google удалила лозунг «Не будь злом» из своего кодекса поведения. Он пробыл там 18 лет
• Сотрудники Google начали увольняться в знак протеста против сотрудничества с Пентагоном в рамках Project Maven


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

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