製作 TAB 頁籤選單最簡單的架構﹍純 CSS 實現技巧整理
最近有個需求是製作 TAB 頁籤選單，這功能很常見，理應沒什麼難度。然而客戶希望將來能自行編修、調整選單內容，並製作大量相關頁面，這對於不是熟悉前端程式碼、架構的人來說，要無腦編修 TAB 頁籤的 HTML/CSS 內容實在不太可能(因為這案子的選單內容區塊架構很複雜)，而且我也...
繼續閱讀全文如何製作無圓點單選、多選按鈕(Input radio+checkbox)﹍純 CSS 技巧免 JS
HTML 表單提供了基本款 input 單選功能(圓點效果 type="radio")，以及多選功能(核取方塊 type="checkbox")。如果不求版面質感的話，瀏覽器預設效果已經算實用了。 但網頁設計如果不想跟別人家撞衫，那麼預...
繼續閱讀全文免外掛實現各種複雜 HTML5 表單驗證功能﹍實作範例(電話+生日+郵件+密碼確認)
前幾年介紹過一個不錯的表單驗證外掛「 Validator 」，最近為了想增進網頁效能，研究一下能否不靠外掛就實現這些複雜功能。 由於 HTML5 已經內建基本的表單驗證功能，效果、質感都滿有水準的，那麼剩下的就是一一想辦法解決實作上容易遇到的情境。 本篇會舉例各種常見的...
繼續閱讀全文如何讓新版 Blogger 按 Enter 能建立換行符號
Blogger 推出新版後台介面後，原本我一直是手動切回舊版來操作，以規避新版介面產生的各種問題。但是前幾天官方已消滅了舊版後台，也就是強制一律只能使用新版介面，這下真的沒輒只能硬著頭皮使用。 其實這段期間以來，新版很多問題都已反應給官方，有些是有改進，但官方沒有動作的部分想必...
繼續閱讀全文Blogger 使用錨點的操作方式(新版文章編輯器)
如果不熟悉 HTML 語法的話，要製作出錨點效果不太容易。Blogger 新版文章編輯器增加了不少功能，其中「錨點」算是非常實用的一個，就算不懂語法也能實現這個效果。 本篇會說明錨點的原理，以及如何在新版文章編輯器做出錨點。 (圖片出處: hippopx.com )
繼續閱讀全文
