Дайджест свежих материалов из мира фронтенда за последнюю неделю №256 (27 марта — 2 апреля 2017)

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

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

• Пробуем делать web-frontend на Rust (WebAssembly)
• Гид по верстке адаптивных писем
• Знакомьтесь, вариативные шрифты (variable fonts)!
• Awesome Newsletters: подборка еженедельных рассылок на тему веб-разработки
• Производительность:
  • Бесплатные инструменты сжатия изображений для ускорения работы сайта
  • Preload, Prefetch и приоритеты в Chrome
  • Повышение скорости сайта с помощью машинного обучения
  • Разработка под мобильные: RWD, PWA, AMP или Instant Articles?
  • Как выбрать идеальный формат изображения для оптимизации вашего сайта
  • Являются ли SVG изображения хорошим вариантом для производительности сайта?
  • Для веб-разработчиков скорость — это новое SEO

• AMP: breaking news. О негативных аспектах использования Google AMP
• Обстоятельный обзор WebPack
• Ускоряем разработку темы под WordPress с помощью Gulp
• Почему сейчас самое время бизнесу серьезно задуматься о Progressive Web Apps
• Как создать эффект сдвигающегося подчёркивания с CSS и JavaScript
• Экспериментальный макет демонстрации 3D комнаты

Media

• Подкаст Веб-стандарты, Выпуск №61: Бета Chrome 58, Safari TP, кастомные свойства в Edge, переключатель на кнопке, гриды на практике, быстрое меню, редактор в браузере, ереси БЭМа, вёрстка для школоты.
• Подкаст radiojs, Выпуск №48: МозгиJS
• Подкаст Фронтёрки 003: Андрей Ситник, выборы вкладок и англоязычные конференции
• Подкаст Пятиминутка React: #8 — Plan for Addons in React 16, #9 — Lifting State Up Example Explained
• Запись трансляции «Moscow JS» в офисе Superjob

CSS

• CSS-анимация подождет
• Пользовательские свойства CSS в качестве API
• CSS Grid Layout:
  • CSS Grid на практике: добавляем гриды к существующему дизайну
  • Месяц CSS-гридов: первые итоги
  • Красивое выравнивание блоков по резиновой сетке. По-новому
  • Знакомство с CSS Grid Layout
  • CSS Grid и Flexbox: сравнение на практике
  • Создание сложных макетов с помощью CSS Grid Layout, бесплатный курс на egghead.io
  • 3 свойства CSS Grid, которые заставляют мое сердце трепетать
  • Простой визуальный онлайн-билдер для облегчения работы над CSS кридами
  • Заменит ли CSS Grid Flexbox?

• CSS Custom Properties в Microsoft Edge
• Приручаем непослушные стили с помощью этих трех CSS методологий
• Глубокое погружение в CSS: matrix3d() для идеальной кастомной полосы прокрутки
• Единицы вьюпорта в CSS: быстрый старт
• С CSS все хорошо, просто он действительно сложный
• Stylelint Config Generator
• Пружинящая анимация в CSS
• Responsive font calculator: генерация отзывчивых значений для шрифтов
• О новом псевдо-классе :focus-ring из спецификации CSS Selectors Level 4

JavaScript

• Вы знаете, что такое трансдьюсеры
• Справочник современных концепций JavaScript: часть 1
• Сборщик мусора в V8, иллюстрированное руководство
• Создаем игровой движок с видом от первого лица за 265 строк кода на JavaScript
• 77% сайтов используют хотя бы одну уязвимую JS библиотеку
• Улучшаем JavaScript с помощью Flow
• Cyclow — реактивный фронтенд фреймворк для JavaScript
• 12 крайне полезных хака для JavaScript
• Основы работы с DOM-ом на ванильном JavaScript (без jQuery)
• Glimmer — UI компоненты для Ember
• ES2015+:
  • Первый взгляд на ES2018 (первоапрельское)
  • ECMAScript Observable
  • Использование генератовров в итераторах
  • Шесть причин, по которым Async/Await заменят промисы

• React:
  • Как создать собственный React Router v4
  • Простая разработка React в 2017-м
  • Да, React захватывает разработку фронтенда. И вот почему
  • Reactide — первая выделенная IDE для разработки веб-приложений на React
  • React Bits — сборник шаблонов React, техник, советов и трюков
  • Берегись состояния Undefined в React

• Angular:
  • Дружим Angular с Google (Angular Universal)
  • Angular v4: Hybrid Upgrade Application
  • Angular 4 уже здесь? Вот некоторые его особенности
  • Что нового в Angular 4?

• Vue:
  • Vue.js Tutorial: пример, как создать и пререндерить дружественный к SEO сайт
  • Создание игры Tic-Tac-Toe с помощью Vue 2: часть 1
  • Шпаргалка по VueJS 2.2
  • Семь способов задать шаблон компонента во Vue.js
  • Однонаправленный поток данных с Vuex

• Plugins:
  • polished — инструментарий для написания стилей в JavaScript
  • Popper.js — библиотека для создание всплывающих подсказок
  • Choices.js — легкий плагин для выпадающих списков, аналог Select 2 или Selectize но без jQuery-зависимости

Браузеры

• Mozilla развивает средства верификации бинарных файлов Firefox
• Разработчики Chrome намерены ограничить всплывающие диалоги на JavaScript
• Выпуск web-браузера Vivaldi 1.8
• FF Developer Edition 54: новый инспектор и отладчик фич, помощь MDN в netmonitor и многое другое
• Новые функции в Safari 10.1

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

• CodePlex закрывается
• Илон Маск основал компанию Neuralink, которая займется подключением мозга к компьютеру
• Google открыла портал для 2000 своих проектов Open Source
• Visual Studio Code отнимает 13% ресурсов CPU из-за мерцания курсора
• С Flash Player все плохо: логистическая компания FedEx готова «платить» по $5 клиентам за использование Adobe Flash Player
• Смерть SMS: операторы отключают услугу по всему миру
• Экс-сотрудник YouTube перешел в Apple. Он займется развитием видеоплатформы компании
• Бесплатный Google Optimize приносит A/B-тестирование сайтов в массы
• Сложные ситуации в IT, и что с ними делать?
• Вредные советы: зачем нужен неподдерживаемый код и как его писать
• Обмен значений переменных: разбор популярных способов решения известной задачи с IT-собеседований
• Как изменился RuTracker спустя год после «вечной блокировки»
• Незаменимых нет: Что такое диффузия технологий и как она влияет на рабочие места
• Как не захлебнуться в информационной волне?
• Пиратство — не порок?
• 1 апреля: Первоапрельский IT-юмор: подборка шуток известных компаний, Как российские и иностранные бренды шутили на 1 апреля, Подборка первоапрельских шуток 2017 года

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

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

Автор: Zfort Group

Источник