Front-end digest #16

Новини:

• Chrome Apps залишаться тільки для Chrome OS, замість них — прогресивні веб-додатки

• Публікувати сторінки в GitHub Pages тепер можна з будь-якої гілки або навіть папки

• Chrome передумав забороняти SMIL через 15 місяців роздумів, Філіп Роджерс пояснює чому

• В Safari TP11 додали методи DOMTokenList.replace, getAttributeNames і відремонтували

• 9 років потому, Firefox навчився малювати складні поєднання округлених пунктирних рамок

!embed {full-post-img}

Статті:

• Взаємодія анімацією, Рейчел Нейборс детально про анімацію інтерфейсів на ALA

• Гнучка типографіка: техніка Тіма Брауна змінює або фіксує параметри в потрібних діапазонах

• Пишіть менше чортового коду, радить Хейдон Пікерінг

• Давайте подивимося, як Гітхаб підходить до безпеки: CSP, редіректи, розмітка

• Bootstrap vs Foundation - топ 2 CSS фреймворки

• Тридцять один спосіб скорочення часу на ручне кросбраузерне тестування

• Ховер мертвий. Хай живе ховер! Де його варто використовувати, а де - ні

{full-post-img}

Корисності:

• Bouncy Ball, порівняння технік анімації: JS, CSS, jQuery, Greensock, Velocity, WA API, P5.js

• Animakit, компонент React для інтерфейсних анімацій: попап, еластика, перевороти

• WAUD.JS — бібліотека для роботи з Web Audio з фоллбеком до HTML5 аудіо

• SuperEmbed - бібліотека, що розпізнає вбудовані відео і робить їх адаптивними

Javascript Jedi:

• Що таке React? Ремі Шарп задає питання про завдання і майбутне бібліотеки, див. коментарі

• Ціна маленьких модулів при збірці з Browserify і Webpack, Нолан Лоусон порівнює підходи

• 100+ емуляторів на JavaScript

• Так, ви повинні вивчити ванільний JavaScript перед тим, як мати справу з js фреймворками

• React для дизайнерів

• Розвиток функціонального програмування та падіння Angular 2.0

Відео:

• Збірники JS-модулів: Browserify, Babelify, Rollupify, … Едді і Метт в Totally Tooling Tips

{full-post-img}

• 35 відео з CascadiaFest вам на вихідні: CSS, JS, Node.js

{full-post-img}

• Harry Roberts | CSS для програмістів і для CSS розробників | CSS Day 2016

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

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

• Measponte

{full-post-img}

• Panera Land of Clean

{full-post-img}

• Teletype

{full-post-img}

• Alexandre Rochet

{full-post-img}

• Grosse Lanterne

{full-post-img}