Rplus
## 1. 螢幕分享式的視訊直播 這應該是最近很常見到的 live coding 方式 平台有 Facebook, [YouTube](https://www.youtube.com/live_dashboard), …etc 分享範圍也有分全部桌面或是單一程式 因為有的主播習慣直接在線上 IDE 直接 coding 有的喜歡開自己慣用編輯器 > 只是要盡量能平鋪會用到的視窗，少狂切換放到全滿的視窗，不然觀眾會比較不好跟上 > 另外開全桌面的，就要留意一下中途會不會被其它軟體的通知干擾 XDD 螢幕分享有個不小的限制就是網路傳輸速度要夠 不管是主播或是觀眾， 所以有時網路較差時會容易 lag 或是畫質變差看不清 code 若擔心 code...
--- layout: post title: Time format tagline: 瞧瞧各大網站對時間標記的寫法 category : tech ## tags : [html, sematic, time] {% include JB/setup %} - 大多數的原始時間都是 unix 輸出的 10 位數 timestamp - instagram...
Typography Handbook by Kenneth Wang http://typographyhandbook.com/ > A concise, referential guide on best web typographic practices. > github repo: https://github.com/kennethwang14/TypographyHandbook 這一份排版指南主要分三大部份及其下各小分節 介紹詳細，且參考資源眾多 - Typographic Design - Fonts - Web Style...
Understanding The CSS Property Value Syntax By Russ Weakley 2016-05-20 https://www.smashingmagazine.com/2016/05/understanding-the-css-property-value-syntax/ Component Values - keyword values ``` = | thin | medium | thick ``` - basic data types ```...
這篇要聊的主題是網路檔案傳輸的耗時， 以及如何用較生活化的方式來理解/記憶 通常， 網頁中傳輸檔案(assets) 若能讓使用者愈快拿到是愈好 就像肚子餓訂披薩當然會希望愈早吃到愈好 --- === 所以，接下來會用外送披薩來作比喻 === - 披薩店：server - 顧客：client - 披薩：assets --- 使用者希望的是「等著吃披薩的時間要短」 那就得先來看看有哪些變因會影響「時間」 我們知道物理學中計算速率的方式就是距離除以耗時： ``` V(elocity) = D(istance) / T(ime) ``` 那換言之， 耗時就等於距離除以速率：`T =...
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:...
### 今、そこにいる僕 `Now and Then, Here and There` `此時此刻的我` --- # anime > **「如此的脆弱，如此的遙遠。百億年的歲月，所以，令人愛得如此悲哀。」** https://www.youtube.com/watch?v=3HNiKiPJT0E 看完後還是搞不清楚為什麼會有「超時空幻境」這種中譯出現 XD / 看完的心得嘛~ > 「 > 啊吶… > 怎麼說呢… > 各種悲劇吶… > 」 ---...
Twitter Mobile 有不少不同的 layout ## 第一種： 未登入的狀態，跟 app 的 layout 長一樣  ## 第二種： 大部份的 mobile 都會進到這一種  ## 第三種： 把 JS 關掉就進得來了 或者可以自己加個 cookie `m5:...
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:...