Rplus

**layered animation** Moving along a curved path in CSS with layered animation by Tobias Ahlin, 07 JAN 2016 http://tobiasahlin.com/blog/curved-path-animations-in-css/ 以第二個軸向(axis)的運動來製作更為複雜的動畫路徑軌跡 https://media.giphy.com/media/XpmlpSGzGFTfa/giphy.gif > https://www.facebook.com/rplus.tw/posts/1041149849286131 > https://twitter.com/RplusTW/status/686984475704623104

http://www.creativebloq.com/web-design/supercharge-svg-animations-gsap-11618683


setting of sublime emmet + jsx http://stackoverflow.com/a/31767887 ``` { "keys": ["tab"], "command": "expand_abbreviation_by_tab", "context": [ { "operand": "source.js", "operator": "equal", "match_all": true, "key": "selector" }, { "match_all": true, "key": "selection_empty"...

The Hack is Back! by Paul , 25 JAN 2016 https://aerotwist.com/blog/the-hack-is-back/ 介紹他如何使用 `createImageBitmap` 來讓大型圖片脫離 main thread > **offthread-image** > https://github.com/googlechrome/offthread-image `requestIdleCallback` 這東西還蠻趣味的 會在休息時觸發 目前只有 Chrome 有支援 https://developers.google.com/web/updates/2015/08/using-requestidlecallback https://developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback 裡頭也有個小技巧是關於 ``...

Getting Started With CSS calc() By Ana Tudor December 2nd, 2015 https://www.smashingmagazine.com/2015/12/getting-started-css-calc-techniques/

ref: - W3C Date and Time Formats: http://www.w3.org/TR/NOTE-datetime - ISO 8601: Data elements and interchange formats : http://en.wikipedia.org/wiki/ISO_8601 - MSDN 標準日期和時間格式字串 https://msdn.microsoft.com/zh-tw/library/az4se3k1(v=vs.110).aspx#Sortable

#### Plurk ``` html May 28, 2015 05:03PM ```

我的習作 https://twitter.com/RplusTW/status/612761966910685185/photo/1 中間碰到運算問題，開了個 issue https://github.com/LeaVerou/conic-gradient/issues/4 後續 Lea Verou 的調整 https://twitter.com/LeaVerou/status/613165992584343552

https://github.com/filamentgroup/loadCSS/blob/v1.0.0-0/src/loadCSS.js#L26 這個 load CSS async 的關鍵在於先設定為非作用的 media type， 以不阻斷 render