解決浮動導覽列遮住錨點位置的問題﹍CSS 技巧
網站使用「 浮動導覽列 」可提供友善的閱讀體驗，讓導覽列隨時保持在網頁最上方，訪客失焦時能重新找到方向。 不過這個設計後來發現有個隱藏的缺點，當網站使用了錨點後，訪客點擊錨點時，螢幕捲到的位置看起來怪怪的。 本站為了解決此現象，過去曾調高錨點的位置(放置隱藏的錨點)，或是...
繼續閱讀全文如何讓星級評價效果以百分比呈現﹍CSS 技巧詳解
最近接到需求要在網頁呈現「五顆星評等」的效果，就像搜尋結果常會看到的星級評等： 或 Google 商家的評分星等： 從上面的示意圖可發現，以 5 分為滿分的情況下，4.5 分(也就是 90%)所呈現的星等並非 4 星(無條件捨去法)，也不是 5 星(四捨五入法)，...
繼續閱讀全文Blogger 架設電商購物車網站前，需要先考量這些問題
接到的 Blogger 商業架站需求中，有一小部分希望能購物後進行結帳，也就是需要購物車系統。由於 Blogger 是純前端的平台，就算能實現購物車功能，整個購物流程、機制、商品銷售及售後管理，一定比不上自架站的購物車系統。 那麼想要在 Blogger 架設購物車功能的站長...
繼續閱讀全文解決 Chrome 下 Javascript 中文排序問題
最近客戶反應，網頁上的中文排列順序，變得跟以前不太一樣，例如： 原本會按 "上午"、"下午"、"晚上" 排序，現在變成 "上午"、"晚上"、"下午" 原本...
繼續閱讀全文偵測網頁 DOM 新增節點(元素)最方便的方法﹍利用 CSS 動畫技巧
最近這個案例比較特殊，幫客戶改付費範本次數一多，某些比較貴的範本，作者為了不想讓別人看懂程式碼，雖然 JS 沒有使用混淆 (obfuscate)，但是壓縮、重組得不成人形，導致完全無法去閱讀解析這些 JS 程式碼。很多動態生成的區塊，最終只能等 DOM 完整成形後，再來寫 JS ...
繼續閱讀全文
