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

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

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

• Connect: советы по современному фронтенду
• HTTP/2 Server Push не так прост, как я думал
• Выбираем фронтенд фреймворк в 2017
• Интересная техника реализации иконочной системы на SVG
• HTML imports — это лучший веб-компонент
• Bojler — заготовка для создания рассылочных писем, которые будут отображаться корректно в наиболее популярных email-клиентах.
• Addy Osmani: Руководство для хакеров для мгновенной загрузки в бразуер чего угодно (доклад с JSConf EU 2017)
• Инструменты:
  • Разбираемся с lock-файлами в NPM 5
  • webpack 3: официальный релиз
  • Уязвимость Webpack и Preact-CLI
  • Hacker-box — автоматизация работы с фронтендом благодаря манипуляциям с JSON

• Производительность:
  • Accelerated Mobile Pages (AMP): чем вы готовы пожертвовать ради скорости?
  • AMP: мысли о проекте с двумя миллиардами страниц
  • Иллюзия скорости

• Анимация:
  • Обзор анимации с codepen для страниц загрузки сайта
  • Fluent Design: Calendar
  • Юрий Артюх опять верстает в прямом эфире: #4 ALL YOUR HTML, различные анимации лендинга с помощью GSAP

CSS

• Занимательная вёрстка с единицами измерения области просмотра
• CSS: введение в единицу длины 'fr'
• Кому нужны флексы — HTML Шорты
• Знакомство с анимацией в CSS3: гайд для начинающих
• Новые гриды уже в Edge Insider Preview
• Spectral — первый шрифт от Google с параметрической технологией, позволяющей работать с отзывчивыми символами
• О нет! Наши таблицы стилей только растут и растут! (Проблемы стилей, которые только добавляются)
• Используйте CSS переменные правильно
• Как выглядит хорошо задокументированная кодовая база CSS?
• Как применить CSS3 Transforms к Background Images
• Соотношение сторон в CSS — это хак
• CSS vs. JavaScript: доверие vs. контроль
• Как я создал кроссворд на чистом CSS
• Мощное улучшение CSS Grid Inspector в Firefox Nightly
• CSS фреймворки для использования с Angular 2+
• Less-Grid-Boilerplate — легковесная двенадцатиколоночная сетка с CSS Grid и LESS
• Visual Component Library “VCL“. Модульный, расширяемый CSS

JavaScript

• ArrayBuffer и SharedArrayBuffer в JavaScript, часть 1: краткий курс по управлению памятью
• Давайте выучим замыкания в JavaScript
• sonar — инструмент для линтинга, новейший проект JS Foundation
• Почему всегда стоит использовать Linter
• Шаблоны оптимизации JavaScript (часть 1)
• Функциональное программирование в Javascript — это антипаттерн
• Руководство для начинающих по тестированию функционального JavaScript
• Создание прогрессивных веб приложений с Ember
• Подводные камни Service Worker
• Как создать интерактивные JavaScript графики и диаграммы из задаваемых наборов данных
• Lodash это не (только) для манипуляций со списками!
• Машинное обучение с JavaScript: часть 2
• JavaScript для микроконтроллеров и IoT: часть 1
• ES2015+:
  • Новые #приватные поля классов в JavaScript
  • async/await из ES2017 — лучшее что происходило в JavaScript
  • ES6 Katas — Изучайте ES6 практикуясь. Чините падающие тесты. Сохраняйте изучаемое.
  • Давайте изучим ES6 Generators
  • p-iteration — утилиты, делающие итерации по массиву более простыми с async/await или промисами
  • Excel-подобная таблица в 25 строк ES6

• Angular:
  • Динамический рендеринг компонентов в Angular 2
  • От новичка до героя Angular
  • Состояние Angular и срок 5й версии
  • ng-annotate устарел: что это означает для ваших проектов

• React:
  • flight — ультра-простые анимационные композиции для React
  • React Express — полное руководство по современной разработке React приложений
  • Создание мини-Netflix на React за 10 минут
  • fbox — Flexbox компонент для Reactjs
  • Vataxia — Open source социальная сеть, написанная на React и Redux
  • Учишь React? Начни с малого.
  • Первое приложение Reason React для Javascript разработчиков
  • Техники для декомпозиции компонентов React

• Vue:
  • Почему VueJS внедряется так медленно? (на самом деле нет)
  • Четыре способа ускорения приложения Vue.js c Webpack
  • Vue vs React: битва Javascript фреймворков
  • Миграция с KnockoutJS на VueJS
  • Начинаем работать с Vue Router
  • Vue.js: трехминутное интерактивное введение
  • Зачем выбирать Vue.js
  • 5 отличных докладов с VueConf 2017, первой конференции по Vue.js
  • Использование Vue, Vuex, Immutable для программирования Tetris

• Libs & Plugins:
  • Pasition — маленькая библиотека для плавного морфинга Path
  • gpotter-gradient — Библиотека выдаёт rgb-цвет из линейного градиента на определённом участке от 0 до 100 с шагом в 1. Поддерживает на входе нотации #rrggbb, #rgb и названия цветов.
  • graphql-js — имплементация GraphQL для JavaScript
  • lazy-arr — «Ленивые» (Lazy) массивы в JavaScript

Браузеры

• Для Android создан web-браузер Firefox Focus на базе движка Webkit
• Выпуск web-браузера Opera 46
• Советы для разработчиков по DevTools: как снять полностраничный скриншот без расширений браузера

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

• Yahoo! всё
• В России возник острый дефицит видеокарт. Причина – рост популярности «добычи» криптовалюты
• Цифровая реальность: как мировая конкуренция поисковиков делает офлайн умнее
• ООН, Microsoft и другие компании работают над системой цифровой идентификации на основе блокчейн для лиц, лишённых документов
• Золотая лихорадка: наши дни
• Кирка, видеокарта, шахта с биткоинами. Как перестать бояться и начать добывать криптовалюту
• Мнение: Когда пузырь лопнет или почему я ошибался насчет эфириума
• «Они за нами повторяют»: в Microsoft намекнули о копировании со стороны Apple
• Facebook обучает ИИ переговорам с людьми и обману
• Google запустил поиск вакансий на основе машинного обучения
• Google перестанет сканировать почтовые ящики пользователей к концу 2017 года
• Tesla планирует создать конкурента Apple Music

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

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

Автор: Zfort Group

Источник