用CSS處理(截斷)過長的文字
有時候文章標題很長，或只想顯示一部份內容於特定頁面，例如首頁的簡介，雖然說程式語言(ASP、PHP、JAVA...)可以擷取指定長度文字，但常因為中英文與字寬會有差異，造成相同字數卻顯示不同行數，這對排版來說是一個困擾...
發表文章
用 sweetalert2 取代 alert 的彈出視窗
SweetAlert2 是一個漂亮的、響應式的、可定制的和可訪問（WAI-ARIA）的JavaScript彈窗，沒有任何依賴。 無論你是在電腦、手機還是平板上， SweetAlert2 都會在頁面上自動居中顯示，這看起來非常棒。 SweetAlert2 還可高度定制
用fontawesome icon取代網頁小圖示，縮放不失真
fontawesome 目前免費的最新版本是5.14，有Desktop和Web兩種版本，我們只介紹web版，提供了1598個免費使用的font icon，第5版開始已經包含LINE圖示，真的很方便，由於現在都使用響應式的模板，大部分的圖片都盡量用font icon，不但檔案小編輯也方便，因為她就是一個文字，所以包含了文字所有的屬性，任意縮放也不必擔心失真問題，fontawesome icon使用上也非常方便， 下載 之後解壓縮，將css和webfonts資料夾上傳到模板目錄，然後連結樣式表即可:
animate.css + wow.js 網頁動畫就是這麼簡單
animate.css 是一個純CSS的動畫庫，目前有近百種的動畫樣式，使用了animate.css之後，你只需指定想要的動畫效果animate.css就會幫你完成，但是animate.css是在頁面載入時就執行，訪客還沒看到動畫就已經執行完畢，所以要搭配wow.js，便可等到頁面捲動到元素出現在可視區域時才執行動畫，就像we-shop.net的 首頁 一樣...
只有超出導航的連結才折疊的響應式導航
You know how navigations have only a desktop and a mobile state, right? I thought, "this might cost people money because it requires additional click for users to reach even the most important pages." This navigation aims at progressively collapsing navigation links into an off-screen navigation instead of doing it for all the links at the same time. Check out this example: 您知道的導航只有PC端顯示和移動端隱藏(折疊)的狀態嗎？當然不是，雖然這樣具有響應式效果，但是需要用戶點擊圖示才能訪問隱藏在選單中的頁面，有些不熟悉操作的用戶，極有可能因此錯過某些最重要的資訊，對網站經營者來說會是一個莫大的損失，雖然懶人包裡也有這個插件，不過那已經與懶人包整合過，不建議單獨使用。 okayNav 只會將超出導航的選單連結折疊在小圖示內，而不是同時對所有連結進行折疊，就像本站的導航：
不依賴Jquery的響應式多階層導航
ddlevelsmenu.js 是一個不必依賴Jquery的響應式多階層導航，因此在ecshop也能順利使用， 下載 的檔案中附有水平和垂直兩種範例展示方式，作法很簡單，解壓縮後將ddlevelsfiles整個資料夾上傳到模板目錄，裡面有個blank.htm需要複製到網站的根目錄，然後參考如的代碼: