歸檔: 2016/11

weekly-thought-5/30

這個禮拜不談「新」東西,多數會是關於網頁開發的重新思考。算是回過頭來漸漸補齊自己的技術債吧!比起前幾個禮拜所談的新東西,這一篇文章可能相對枯燥一點,當然篇幅也會比較長,但我認為這是必要的。 這些東西在前端變化快速的時代下或許顯得不那麼重要,不過思考總是件好事。 語義化標籤重新思考語義化這件事會有這個想法,是看到 instant article 的 html 架構,他們規範 instant arti...

frontend collection - 5/23

這禮拜發現的新東西這個禮拜在思考關於重構的東西,在前端還可以怎麼實踐。css 的部分已經有大致的雛形出來了,把相關的註解跟文件寫完之後再和大家分享心得。 Get your ../../ outreference css 部分重構完之後,再來就是要對 js 下手了。目前比較困擾的幾個點有: component 初期的部分比較亂 有些 flux、有些 redux 再來是我認為最麻煩的,就是路徑管理...

css variable + sass variable = 😍

之前寫過了一篇關於自己對 css variable 的想法,原本對這個屬性沒有抱持著太大的期待,自己用習慣了 SASS 變數也覺得這個 css variable 反而像個彆腳的 system,不過如果你也是這樣想的人,可以參考這篇文章 Why should you care Css variables css 的變數已經出來有一段期間了,瀏覽器的支援程度還不算太糟。或許各位都曾經想過,這些變數的功...

用 Canvas 實作 low-poly art 心得

文章待補,圖片。 前言說到 low poly,最讓我驚豔的是 species in pieces 這個網站,他使用 low-poly 的方式畫出 30 種現在地球上瀕臨絕種的動物,是用 CSS 的 clip-path 做出來的,為了兼容瀏覽器,甚至還有做 fallback 的圖片,非常的用心。 之前有在知乎上有看見 low poly 的實作方式,但看了一下原始碼,回答是用 THREE.js 做的。...