Дайджест свежих материалов из мира фронтенда за последнюю неделю №241 (12 — 18 декабря 2016)

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

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

CSS

Javascript

Браузеры

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

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

• Как научить веб-приложение говорить на 100 языках: особенности локализации
• Итоги года для веб-платформы от W3C
• Обзор хранилищ на стороне клиента (An Overview of Client-Side Storage)
• Вот почему рендер на клиентской стороне выиграл (Here’s Why Client-side Rendering Won)
• FuseBox — новый бандлер/загрузчик модулей, который объединяет мощь webpack, JSPM и SystemJS. «It is blazing fast» (с)
• Изучаем Progressive Web App. Подборка ресурсов
• Шпаргалка по Polymer
• Кроссбраузерная валидация форм на HTML5 наконец работает! Что теперь?
• Ограничения в разработке HTML писем — видео, шрифты, Javascript, Flash и другие
• Веб-шрифты в письмах рассылки (The Ultimate Guide to Web Fonts)
• Почему инлайновые SVG — это лучший вариант использования SVG (Why Inline SVG is Best SVG, — Front End Center)
• Разработчики фронтенда также занимаются и информационной архитектурой (Front-End Developers Are Information Architects Too)
• Accessibility:
  
  
  • В ЕС готовы установить законы для тестирования доступности (EU ready to set laws for accessibility testing)
  • Написание HTML, имея в виду доступность. (Writing HTML with accessibility in mind)
  • Тестирование доступности с помощью инструмента Intern
  • Шаблоны для создания доступных веб-чатов
  
  
• Performance:
  
  
  • Хинтинг ресурсов в браузере с помощь Prefetch, Preconnect и Prerender (Browser Resource Hinting)
  • Ваше руководство по мобильныи форматам публикации контента: AMP, Facebook Instant Articles и Apple News
  • DEFER вместо ASYNC, как один из вариантов ускорения отрисовки страницы
  • HTTP/2 Server Push и Service Workers: идеальное партнерство

Media

• Подкаст Веб-стандарты, Выпуск №46: Новинки Edge и Safari, где учиться, сообщения коммитов, анимация и рендеринг, CSS в CSS, хайп и прогрессивное улучшение.
• Подкаст radioJS, Выпуск 44: Шашечки или Ember.js?
• Видео с Minsk CSS, Meetup #1
• Fronteers Conference 2016 videos

CSS

• CSS-стили для печати, о которых я забыл
• На 100% правильный способ делать контрольные точки в CSS
• Краткая запись CSS как антипаттерн
• Грядут гриды!
• 20 лет CSS
• Создание клевого эффекта для изображений с помощью CSS Backdrop-filter
• В чем разница между background-clip и background-origin?
• Восхваление CSS (Encomium of CSS)
• Bootstrap 4: обычные гриды VS гриды на Flexbox
• Почему я не использую CSS препроцессоры
• Стилизация веб-компонентов с помощью общих таблиц стилей
• Линстинг стилей в JavaScript с помощью stylelint
• Свободный поворот элементов с 3д пространстве с помощью переменных CSS
• Вы можете попытаться использовать эти CSS штуки, но должны ли вы?
• Полигональный Pokémon с помощью CSS clip-path

JavaScript

• Свежие релизы: CanJS 3.0, Новый большой релиз Aurelia, webpack 2.2: RC, Релиз RxJS 5
• Marionette.js исполнилось 5 лет
• Лучшие практики кодинга на чистом JavaScript
• Кто сказал, что javascript прост?
• Курс: профессор Frisby представляет компонуемый функциональный JavaScript
• Создание барабанной установки на чистом JS. #JavaScript30
• У JS сообщества есть проблема с издевательстами (The JS Community has a Bullying Problem)
• Резолвим промисы снаружи с помощью странного трюка от Ли Веру
• Песочница для тестирования с помощью Jest
• Angular:
  
  
  • Только выпустив Angular 2, Google объявила о начале создания 3.0, а теперь заявила, что скоро выпустит сразу четвертую версию фреймворка
  • Следующим будет Angular 4.0 или просто Angular
  • Наследование компонентов в Angular 2
  • Прощай 2016-й и прощай Angular (Bye 2k16 and Bye Angular)
  • Использование Kendo UI с Angular 2
  
  
• React:
  
  
  • Презентация React VR Pre-Release
  • 11 уроков, которые я выучил, как разработчик на React
  • Универсальный React рендер: как мы переделали SitePoint
  • Тысячи визуализаций с цветовыми кодами в React
  • React Fix It — автоматически генерирует тесты из ошибок.
  • Как рендерить компоненты вне основного приложения ReactJS
  • redux-subscriber — подписка на изменения в любой части состояния redux
  • Тестирование компонентов React с помощью Jest и Enzyme
  
  
• Vue:
  
  
  • Vuetify: компонентный фреймворк для A Vue.js 2.0
  • Почему мы выбрали Vue.js, а не React (Why we chose Vue.js over React)
  
  
• Плагины:
  
  
  • Анонс Voca: ультимативной библиотеки для работы со строками
  • JavaScript State Machine: библиотека для работы с состояниями в JavaScript
  • Zooming — продвинутый компонент для увеличения изображений
  
  

Браузеры

• Финальная версия Vivaldi 1.6 — работаем с вкладками
• Браузер Microsoft Edge получил поддержку Payment Request API в Windows 10 Build 14986
• Microsoft Edge будет по умолчанию блокировать Flash
• В браузере Microsoft Edge найден баг, позволяющий подделать сообщения SmartScreen
• Выпуск web-браузера Opera 42
• Что нового в Chromium 55 и Opera 42
• Chrome DevTools: JavaScript CPU Profiling в Chrome 57

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

• Slack запустил видеочаты с возможностью использовать эмодзи во время звонков
• AMD Ryzen: подробности об архитектуре и публичная демонстрация
• Гипотеза о Матрице: теперь все серьезно
• Microsoft открыла доступ к набору данных для обучения компьютеров письменной речи
• Google запустила первую версию IoT-платформы Android Things
• Почему название переменной «i» стало популярным? Спойлер: это не из-за слова iterator
• Facebook нанял ABC News и еще три компании, чтобы проверять достоверность новостей
• Переводчик Microsoft убирает языковый барьер
• Yahoo призналась в утечке миллиарда паролей трёхлетней давности
• Сотрудники Evernote хотят читать заметки пользователей для улучшения машинного обучения
• Более 8800 плагинов для WordPress содержат хотя бы одну уязвимость
• Почему Pebble не стало (взгляд изнутри)
• Прогноз на 2030 год: 21 технология, которая сильнее всего изменит наш мир
• Визуальное и интерактивное руководство по основам нейронных сетей

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

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