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

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

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

• Подкаст Веб-стандарты, Выпуск №54: Новинки Chrome, установка веб-приложений, баги в браузерах, очевидный CSS, банальный флексбокс, ад колбэков, нативные ES-модули, офлайн, локальный HTTP2.
• Google дает возможность взаимодействовать с URL-ом страниц AMP
• Оптимизируем фронтенд для браузера
• Полифилы и эволюция веба
• HTML API: что это такое и как создать свой
• Блог WebKit: Новое поколение 3D графики в вебе
• GitLab: раскрыты большие планы по фронтенду на проекте
• Web Share API приносит возможности нативного шаринга в браузеры
• Почему алгоритм Tree Shaking в Webpack 2 не так эффектвен, как вы думаете
• WebPack — это не единственный путь для бандлинга (есть ещё FuseBox)
• Подкасты для дизайнеров и разработчиков в 2017-м
• Креативная реализация поискового интерфейса
• Анимация каруселей Bootstrap с помощью анимационной библиотеки GSAP
• Из чего сделан статический генератор сайтов?
• Lepton — прекрасный клиент для работы с Gist, основанный на Electron
• Первый взгляд на производительность WebAssembly
• Голосование за логотип WebAssembly

CSS

• Основные фигуры и Path: особенности поведения clip-path, shape-outside и offset-path
• Связка CSS и JS с помощью пользовательских свойств
• Использование “C” в CSS. Хватит бороться со своими стилями, пусть каскад работает на вас
• Терминология CSS Grid Layout Terminology, объяснение
• Используем Fontello для загрузки иконочных шрифтов только там, где нужно
• Строим Flexbox-сетку с помощью Less
• Code Smells in CSS Revisited
• Введение в Reduced Motion Media Query
• Как я начала рисовать изображения на CSS
• Кодирование в Base64 и производительность: часть 1, часть 2

JavaScript

• Обещание бургерной вечеринки
• Производительность запуска приложений на JavaScript
• Инструментарий Javascript — эволюция и будущее инструментов сборки в JS
• Все JavaScript фреймворки ужасны
• Основы модульного JavaScript
• JavaScript без циклов
• Делаем AJAX-запросы снова великими
• Обновленная информация по модулям ES6 в Node.js
• Манипуляция данными в функциональном стиле в JavaScript
• Mnemonist — курируемая коллекция структур данных, реализованных на JavaScript
• Тост за деструктуризацию в ES2015
• Simple Statistics — статистические методы
• Vue:
  • Vue.js Component Style Guide
  • Подборка библиотек управления состояниями в Vue.js
  • Сравнение фронтенд фреймворков для Vue.js
  • Vuex вместе с Redux-saga
  • DejaVue — визуализация и стресс-тестирование приложений на Vue.js
  • Vuedeux — биндинг Vuex к Redux
  • «Масштабирование приложений с Vue и Firebase» от Eduardo San Martin Morote
  • Несколько руководств по созданию игр на Vue.js: Pokemon Battle, Pizza Maker

• Angular:
  • Angular — настройка среды разработки и production сборки с AOT-компиляцией и tree-shaking (Gulp, Rollup, SystemJS)
  • Настройка вашего первого проекта на Angular (2) с использованием Angular Material (2)

• React:
  • 10 причин, по которым я перешел с Angular на React
  • Когда определять Action Creators в Redux
  • Кастомизация create-react-app: Как создать свой собственный шаблон
  • React Native в Instagram
  • Как достигнуть переиспользования компонентов React

• Plugins & Libs:
  • История создания библиотеки MooTools
  • Представление GraphicsJS, мощной графиской библиотеки
  • Between — библиотека для работы с анимацией в стиле Cocoa Animation
  • .dom — крошечный (510 байт) шаблонизатор использующий виртуальный DOM и некоторые принципы Реакта
  • notti — простые сообщения для пользователей

Браузеры

• Новая Opera 43 c технологией фоновой загрузки страниц на 13% быстрее предыдущей Opera 42
• Выпуск web-браузера Vivaldi 1.7
• С 2018 года Gmail перестанет работать в браузере Chrome на Windows XP и Vista

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

• Баг в jQuery Mobile может обернуться XSS-уязвимостью для множества сайтов
• Массовый дефейс WordPress сайтов продолжается, а уведомления Google пугают пользователей
• В Google научили нейронную сеть «восстанавливать» детали изображений с низким разрешением
• Pinterest запустил Shazam для поиска объектов на фото
• Facebook будет конкурировать с сервисами знакомств
• Google анонсировала запуск платформы для проверки новостей в партнерстве с Facebook
• Тим Кук заявил, что фейковые новости — это временное явление
• Есть ли предел техническому прогрессу?
• Анализ изменения популярности языков программирования в выходные дни
• Своеобразный юмор: как шутят в Google
• WWW: 5 лучших браузерных эмуляторов старых операционных систем и компьютеров
• Хакер из Anonymous «положил» 20% даркнета
• 14 рекламных роликов, которые IT-компании показали на Super Bowl 2017

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

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

Автор: Zfort Group

Источник