rplus.github.io

rplus.github.io copied to clipboard

Duration and easing - Motion - Google design guidelines https://www.google.com/design/spec/motion/ 簡中：http://www.uisdc.com/material-motion-design-guideline ## Duration #### mobile 上跟得上且不會太慢的持續時間： - 大尺度的動畫 300ms ~ 400ms - 小尺度的動畫 150ms ~ 200ms #### 常見時間 - mobile:...

Rplus

[ACG] 今、そこにいる僕 Now and Then, Here and There

1

### 今、そこにいる僕 `Now and Then, Here and There` `此時此刻的我` --- # anime > **「如此的脆弱，如此的遙遠。百億年的歲月，所以，令人愛得如此悲哀。」** https://www.youtube.com/watch?v=3HNiKiPJT0E 看完後還是搞不清楚為什麼會有「超時空幻境」這種中譯出現 XD / 看完的心得嘛~ > 「 > 啊吶… > 怎麼說呢… > 各種悲劇吶… > 」 ---...

Rplus

[Project] weekly collection

5

note

Rplus

Twitter Mobile 有不少不同的 layout ## 第一種： 未登入的狀態，跟 app 的 layout 長一樣  ## 第二種： 大部份的 mobile 都會進到這一種  ## 第三種： 把 JS 關掉就進得來了 或者可以自己加個 cookie `m5:...

Rplus

[POST] CSS @apply rule (native CSS mixins)

1

CSS `@apply` rule (native CSS mixins) by Serg Gospodarets 2016-04-11 https://blog.gospodarets.com/css_apply_rule CSS at-rules 可能又要多一個成員了 CSS **`variables`** + **`@apply`** 可視為 SCSS syntax 裡的 `@mixin` & `@include` 組合 > syntax example (via:...

Rplus

[POST] CSS gradient background-image: conic-gradient()

1

project on Github https://github.com/leaverou/conic-gradient project demo page http://leaverou.github.io/conic-gradient/ > [Conic gradients](http://www.w3.org/TR/css4-images/#conic-gradients) are awesome, but browsers haven’t realized yet. > This polyfill lets you experiment with them now. > If you...

Rplus

[POST] Dominant Colors for Lazy-Loading Images

1

Dominant Colors for Lazy-Loading Images by Manuel Wieser 2016-03-09 https://manu.ninja/dominant-colors-for-lazy-loading-images 主要在講 lazy-loading 的視覺回饋的處理 這是篇關於處理 lazy-loading 背景圖樣的文章 作者以多圖類型的網站為例 舉出常見的調整方式 - 圖片主色 - 低解析模糊圖 這邊他列了兩個後端的作法 一個是 nodejs 的 gm package 另一是 php...

Rplus

主功能： > 線上解析 PSD 檔 (photoshop) > 不需再使用一堆標示軟體 > Developer 直接看 PSD 檔開發 限制： - PSD 檔 - 網路 - 註冊 Adobe 會員 (免費可) 網址們： - 服務主站 https://assets.adobe.com/files - 免註冊即可試用操作...

Rplus

[POST] CSS valid class name

1

最近看了些 css framework & naming method 遇到一些怪怪的 className 寫法 於是來確認一下到底該怎麼寫~ 基本上 先不要考慮大範圍的 unicode，簡單地說就是下面這樣 (`regex`)， ``` -?[_a-zA-Z]+[_a-zA-Z0-9-]* ``` [](https://regexper.com/#-%3F%5B_a-zA-Z%5D%2B%5B_a-zA-Z0-9-%5D*) via: http://stackoverflow.com/a/449000/5940513 開頭可以是 - hyphen `-` - underscore `_` - 字母 但...

Rplus

dialog 雖然支援度有點差 ( 目前只有 blink 系列支援 http://caniuse.com/#feat=dialog 不過它的行為還蠻好玩的~ 就像 native form 一般，屬於有互動功能的元素 可以在這頁玩個一圈就大概知道有哪些趣味的東西了 http://demo.agektmr.com/dialog/ native style  ### `.show()` and `.close()` API 可以簡單控制 show / hide 它會 trigger `[open]` 這個...

Rplus