Front-end digest #30

Новини:

• Node v7.2.0

• Vue 2.1

###Статті:

• Прилипающий футер з flexbox

• Рандомні цікаві факти про використання HTML/SVG

• Різниця між role="presentation" і aria-hidden="true"

• Як відкритість Bootstrap зробила його величезним

• Зміна станів з CSS кейфреймами

• Як використовувати змінні CSS

• Flexbox готовий до прайм-тайму?

• Вертикальне вирівнювання в CSS для всіх

• Два питання, які потрібно задати при написанні CSS

• CSS Reference — візуальне керівництво по властивостям CSS, з прикладами та інтерактивними демонстраціями

• Як додати глибини вашому дизайну за допомогою декількох бордерів

• Стилізація маркерів списків з CSS

Корисності:

• nuxt.js - компактний фреймворк для серверного рендеру Vue.js додатків

• intercooler-js - бібліотека на основі jQuery, яка дозволяє додавати AJAX за допомогою HTML атрибутів

Javascript Jedi:

• ES6 Ітератори та Генератори на практиці

• 6 непопулярних, але дуже зручних можливостей ES6

• Викладіть у вільний доступ ваш JavaScript код

• Готуємо просте, але корисне середовище для JavaScript-розробки

• Пояснення замикань і ланцюгів областей видимості в JavaScript на прикладах

• Пишемо ефективний JavaScript

• Використовуєте JavaScript-поліфіли лише при крайній необхідності

• Elm для фронту, вже зараз

• Знайомство з mo.js

• Immutable.js: Знайомство з прикладами

• Відлагоджуємо історію DOM з Vorlon.js

• Створюємо Vue v2 JavaScript додаток з Vue-router

• React Snippets: відлагоджуємо продуктивність компонентів з ES7 анотаціями

• React - рік потому

• Обробка маршрутів в React

• Чому Redux необхідно, щоб редуктори були "чистими функціями"

• Отримуємо властивості Angular 1 в Angular 2

• Впроваджуємо компоненти в розмітку: React vs Angular 2

Відео:

• Знайомство з thingsSDK

• Створюємо універсальні JavaScript додатки

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

• Air View

{full-post-img}

• Anonymous Hamburger Society

{full-post-img}

• ToyFight

{full-post-img}

• Zero

{full-post-img}

• JFKC - A Centennial Celebration of John F. Kennedy

{full-post-img}