Front-end digest #16

Новини:

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

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

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

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

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

📚 Weekend Reading: Proper CSS dotted/dashed borders are hard! Fixed now in @FirefoxNightly! https://t.co/b1LN8CKkzM pic.twitter.com/9yQ0doPGxd

— Mozilla Hacks (@mozhacks) August 14, 2016

Статті:

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

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

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

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

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

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

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

Корисності:

• 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

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

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

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

• Measponte

• Panera Land of Clean

• Teletype

• Alexandre Rochet

• Grosse Lanterne