Front-end digest #20 - двадцятий!

Новини:

• Package Control тепер влаштований в Sublime Text(Build 3121)

• Команда Edge почала роботу над підтримкою WebVR, стандарту віртуальної реальності в вебі

• Бета Chrome 54: Custom Elements v1, BroadcastChannel, поліпшення медіаплатформи

• Vim 8, перший великий реліз за останні 10 років

• Gmail почне підтримувати медіавирази в CSS для адаптивних листів. УРА! УРА! УРА! 2016!

• Sass 3.5 RC тепер підтримує кастомні CSS-властивості і новий тип списків в дужках

• Велике оновлення Github: профілі, інтеграції, рев'ю, управління проектами та GraphQL API

• Відбувся реліз фінальної версії Angular 2.0.0

{full-post-img}

Статті:

• SVG Authoring Guide, рекомендації W3C по створенню сумісного, доступного та швидкого SVG

• Рейчел Ендрю розповідає чому немає ніякого CSS4

• Як юзати amp-img і amp-video для підвищення швидкості вашого сайту

• Web Performance Checklist

• Колір в вебі для ботанів

• Як автоматизувати Gulp таски та генерувати веб-шрифти із SVG файлів

• Починаємо працювати із Webpack: магія пакетування модулей

• Рафаель Гонсалес експериментує з курсором для крутої взаємодії, за допомогою SVG.

• Як створювати і використовувати кастомні функції в SASS

• RSCSS — мій CSS більше не шмат сміття

• Крута анімація SVG-літер від Марі Лу

{full-post-img}

Корисності:

• GraphicsJS: JS-бібліотека для векторної графіки із інтуїтивним API

• SpinThatShit: набір SCSS міксінів для спінерів і лоадерів

• Timeago.js: невелика JavaScript бібліотека для форматування дати в вигляді "х годин назад"

• Cookies.js: дозволяє легко маніпулювати куками в JavaScript

• Radiobox.css: забавні анімації для ваших радіо-інпутів

Javascript Jedi:

• Введеня в Babel на CSS Tricks: npm-скрипти або Gulp

• Один NodeJS сервер на декілька сайтів

• Налаштування продуктивності React/Redux

• AJAX запити в React-і: як і де завантажувати данні

• JavaScript vs jQuery

• Швидке налаштування TDD для TypeScript

• Тестування JavaScript с Jest

• Що повинен знати кожний JS розробник про Unicode

• Чому потрібно використовувати Flow?

• Генератори та канали в JavaScript

{full-post-img}

Відео:

• Просто використовуйте для кнопок. A11ycasts Роба Додсона

• 25 відео з Nordic.js

{full-post-img}

• Відео із MoscowJS №31: офлайн, React, Canvas, Angular 2

5 сайтів, що надихають:

• Capital of Children

{full-post-img}

• Google Presents: The Hidden Worlds of the National Parks

{full-post-img}

• Vodafone Powerful Connections

{full-post-img}

• Maison Ullens

{full-post-img}

• Hublot MP-05 LaFerrari Sapphire

{full-post-img}