2014 新年快樂！身為一個工程宅，新年第一天，當然是要來一個看起來很厲害的技術文。其實是前債還不完，欠債欠過年會衰的，所以趕快還卡實在。
對了，Caline 我愛你！
前言
Responsive Images 有很多工具可用，我 去年寫的文章 [https://blog.hinablue.me/entry/web-responsive-image/]
可以找到一些工具來用。當然，自幹或是自己寫輪子這件事情好像蠻蠢的，但是，這種事情做起來蠻爽的！
我們需要做的事情，
1. 產生需要的圖片
2. 前端依照需求取用
歲末年終，又是到了還債的時候。俗話(?) 說的好，有錢沒錢，寫個 Blog 好過年，基本上身為務農子弟，本應有踏實的精神，切莫妄想買了樂透可以中個 5678
億，像我之前開 19.5 億的那次，買了 10 個號碼全部都沒開出來！
全 部 都 沒 開 出 來！
Responsive Image
大家都在講 RWD 其實也有點膩了，不過
CSS 這件事情雖然不是頂新的玩意，但是我還是第一次遇到錨點 (Anchor) 跟物件的定位、長度與 overflow 會干擾的情況。
這一切都要從 10 年前說起（欸
萬能的 overflow ？
其實我本來也以為它是萬能的，直到我膝蓋中了一箭。通常我們用 overflow 來做幾件事情，
* 清除 float
* 使用或是隱藏捲軸
* 隱藏超出元件的內容
正常來說，使用 overflow 是可以正確的將元素給框在你的父元件裡面，但是有一個問題，如果跟 position 搭配使用，會有一個 overflow:
這次是試用了 Frex Chien [http://fred-zone.blogspot.tw/] 所開發的 frex.js
[https://github.com/cfsghost/frex.js]，也是 Stem OS
的開發者之一。依照慣例，我當然都是拿別人開發的工具來不務正業，像是之前 Ben Lin [http://dreamerslab.com/] 寫的 coke
[https://github.com/
