Front-end digest #22

Новини:

• В Safari TP 14: додали URLSearchParams, фулскрін для <iframe>, minlength для і <textarea>, прибрали

Статті:

• Метт Хінчліф переверстав головну сторінку Financial Times за 12-колонковою сіткою

• Ана Тюдор розповідає як бути обережним при роботі з 3D в CSS

• Як сховати інлайнові SVG-іконки і від читалок, та навіщо це потрібно

• Методи для контролювання інтервалів в веб-типографіці

• Огляд новинок в HTML 5.2 від Аннаріт Транфічі

• Диско-стиль для вашого імені за допомогою Canvas і CSS Blend Modes

• Цікаві ефекти з використанням CSS масок

• Ви знаєте, що ваш сайт - лайно, коли...

• Як працюють SVG фільтри

• Доступні вспливаючі лейбли в формах

• Найкращі практики відео плеєрів з HTML5

• Створюємо форми за допомогою флексбокс

• Завантажуємо поліфіли тільки коли потрібно

• Доля тексту на сторінках вашого сайту надто мала

{full-post-img}

Корисності:

• text-spinners: інлайнові спінери для тексту

• CurrencyFormatter.js: бібліотека для форматування валют

• g9.js: автоматична інтерактивна графіка

• Choreographer-js: бібліотека для управління складними CSS анімаціями

• jpeg.io: сервіс для конвертації картинок в оптимізований JPG

• Wenk: тултіпи на одному CSS

• viewscroller: fullscreen скролінг

• Taggd: додавання заміток на зображення

Javascript Jedi:

• Дебаг Node.js за допомогою Chrome DevTools

• Вивчення JavaScript з експериментами

• Функціональне програмування в JS? Скоріш дисфункціональне

• Додавання і видалення CSS класів з Vanilla JavaScript

• Керування DOM

• Immutable.js з Redux

• Гарні React-компоненти

• Redux – краща реалізація Flux

• Огляд кодбази React

• React для новачків та досвідчених розробників

• Анімаційні переходи за 2 хвилини з ngAnimate і CSS

• Літерали шаблонів

• Lazy-loading ES2015 модулів в браузері

• ES6 чи ES2015 — як називати версії JavaScript?

• Три корисні пресети для Babel

• JavaScript Promises 102 - 4 Promise методи

• Чотири рівні налаштування вашого Angular2 додатку

• Реактивне програмування і RxJS

Відео:

• Фронт-енд це фулл стек(Luca Marchesini) - Full Stack Fest 2016

• Mark Robbins | Сучасний CSS і інтеракнивні емейли | CSS Day 2016

{@vimeo: https://vimeo.com/181481382} {full-post-img}

• Особливості ES6, неможливі в ES5

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

• Alexander Engzell

{full-post-img}

• Speakeasy Burlesque

{full-post-img}

• GiS Ukraine

{full-post-img}

• Blue Stag

{full-post-img}

• Hunters | They Are Among Us

{full-post-img}