我覺得我一年比一年新手（不進則退啊～～

我似乎在某幾個條件是停在新手狀態啊 其實我也不知道我到底懂不懂耶

不要盲目追求尖端技術，需衡量自身能力是否已足夠這點非常重要，按步就班打好穩固的基礎比僅支援特定瀏覽器的炫麗前端新特效來的實用，而且支援性也比較好

關於 RWD 有些問題想請教，過去設計手機網頁的時候為了節省頻寬會要求做圖片尺寸最佳化，但是當 retina 出現之後，圖片尺寸反而為因應解析度要放到原本的四倍大。我知道有 device-pixel-ratio 或 min-resolution 可以針對設備指定圖片，但是在 retina 的美觀與網路的頻寬考量下，不曉得三木大是怎麼看這之中的取捨?

如果是中圖(50kb)、大圖(100kb↑)以上的banner類型，現階段我都沒打算導入Retina，畢竟現在台灣3G網路還是太慢了些，現在我用都只有在icon系列來點綴而已
我曾經想過載入版型完後，用js控制背景自動執行下載Retina img，下一次他再瀏覽就可以看到，不過感覺對瀏覽者不太ok，所以沒用過這樣子導入到website裡面

thinkpixellab.com/pxload...
我是有想過做 Loader 呈現下載進度，不過如果是 CSS 裡面的 background 就不好控制了，如果搭配 SCSS 之類後面會帶 ?xxxxx 的時候會被當作不同 Request 失去其效果

跟我想的差不多...
我之前是類似 lazyloading 方式做，一開始 load 進來的是原始圖檔。後端在 img 標籤上面掛 data-retinaimage 來放大圖位址，然後以 JavaScript 的 window.devicePixelRatio 來判斷是不是 retina 去處理。

我都沒想到可以給 data-retinaimage 等 load 完畢之後再調整這招耶

elct9620: 缺點是人家只要讀一張圖，retina 要讀兩張圖