如何讓星級評價效果以百分比呈現﹍CSS 技巧詳解
最近接到需求要在網頁呈現「五顆星評等」的效果，就像搜尋結果常會看到的星級評等： 或 Google 商家的評分星等： 從上面的示意圖可發現，以 5 分為滿分的情況下，4.5 分(也就是 90%)所呈現的星等並非 4 星(無條件捨去法)，也不是 5 星(四捨五入法)，...
繼續閱讀全文Blogger 架設電商購物車網站前，需要先考量這些問題
接到的 Blogger 商業架站需求中，有一小部分希望能購物後進行結帳，也就是需要購物車系統。由於 Blogger 是純前端的平台，就算能實現購物車功能，整個購物流程、機制、商品銷售及售後管理，一定比不上自架站的購物車系統。 那麼想要在 Blogger 架設購物車功能的站長...
繼續閱讀全文解決 Chrome 下 Javascript 中文排序問題
最近客戶反應，網頁上的中文排列順序，變得跟以前不太一樣，例如： 原本會按 "上午"、"下午"、"晚上" 排序，現在變成 "上午"、"晚上"、"下午" 原本...
繼續閱讀全文偵測網頁 DOM 新增節點(元素)最方便的方法﹍利用 CSS 動畫技巧
最近這個案例比較特殊，幫客戶改付費範本次數一多，某些比較貴的範本，作者為了不想讓別人看懂程式碼，雖然 JS 沒有使用混淆 (obfuscate)，但是壓縮、重組得不成人形，導致完全無法去閱讀解析這些 JS 程式碼。很多動態生成的區塊，最終只能等 DOM 完整成形後，再來寫 JS ...
繼續閱讀全文網頁插入表格不再麻煩﹍線上產生器 + 可匯入 CSV 檔(Tables Generator)
前陣子剛好多位讀者、客戶都詢問這件事： 如何在文章中插入表格，且能正常顯示，版面不異常？ 如果對 HTML 語法不熟悉的話，網頁要插入表格的確沒那麼容易。過去曾寫過「 Blogger 插入表格的最佳流程 + 自適應寬度 」，文章內容不短，但是瞭解原理、操作熟悉後，經由 Go...
繼續閱讀全文
