Front-end digest #37

Новини:

• Реліз webpack 2.2

• У V8 прискорили регулярні вирази

• У Microsoft Edge додали Content Security Policy Level 2 (CSP2)

• А також повнокольорові емодзі (скоро)

Статті:

• 14 головних віх розвитку веб-розробки за останні 20 років

• Магія з WebSockets і CSS3

• Забезпечуємо плавний запуск і зупинку CSS анімацій

• Рандомні числа в CSS

• Про використання атрибута aria-current

• Як я зруйнував продуктивність мого блогу з CSS background-blend-mode

• Про бандлінг модулів і Webpack зрозумілою мовою

• 5 способів організувати lazy loading зображень для пришвидшення завантаження сторінки

• Як створити Spotify-подібний ефект завдяки режимам накладання в CSS

{full-post-img}

• Styled-Components: Найкращі практики в системах на основі компонентів

• Темізація за допомогою змінних CSS

• Вирівняйте SVG іконки в тексті і забудьте про іконкові шрифти

{full-post-img}

• Керівництво по не-прямокутним хедерам (ч. 1)

• Прості радіальні діаграми з SVG

• Адаптивні та багатокольорові SVG іконки

• Розбираємось з шляхом критичного рендера

Корисності:

• WebSlides - інструмент для створення HTML презентацій

• when-dom-ready - $(document).ready() на основі промісів

• Public-APIs - структурований список API

• React Table - таблиці для React

• swarm-numberformat - зрозуміле форматування великих чисел

• WebGazer.js - бібліотека відстеження очей

• CSS Triggers

• Семпли для Electron

Javascript Jedi:

• Коротка історія JavaScript

• 5 найкращих JavaScript фреймворків у 2017

• Інтерв'ю з Бренданом Айком - творцем JavaScript та співзасновником Mozilla

• Зірки JavaScript у 2016

• Angular vs React - ще одна стаття порівняння червоного з гарячим

• Функціональне програмування на JavaScript

• Все, що вам потрібно знати про JavaScript Source Maps

• Основи localStorage та sessionStorage

• Асинхронні JavaScript генератори

• Мислення в Redux (коли все, що ви знали - MVC)

• Комунікація між Web Workers за допомогою MessageChannel

• Основи Gulp.js

• Незмінність в JavaScript, використовуючи Redux

Angular:

• Angular 2: Що працює, що повинно працювати і куди все це рухається

• Захищаємо Koa і Angular 2 SPA з JWT

• Розглядаємо AOT і динамічні компоненти

• Angular на продакшині

• Що вивчати: Angular 1.x чи 2?

React:

• Створюємо PWA з React, Webpack, та ін.

• Інтернаціоналізація React додатків

Vue:

• Інтеграція RxJS з Vue.js

• Vue + Vuex - Основи

Відео:

• dotJS 2016 - Service Worker і Аппфікація Вебу

• Основи Vue.js за 30 хвилин для початківців

• Чистка коду з Eslint

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

• Nature Conservancy California

{full-post-img}

• Nicholas Ruggeri - Portfolio

{full-post-img}

• BlackPepper

{full-post-img}

• Orange — happy 2017

{full-post-img}

• Wokine

{full-post-img}