不少情況下網站都會使用到 HTML Image Map 影像地圖，但 HTML 原生的影像地圖功能缺乏非常多必要的功能，舉例來說就無法套用 CSS 建立特效，一般來說我們都會希望游標移至選擇區時出現特定特效，而不是只有指標變化，除此之外，隨著行動裝置的發達，使用手機、平板等裝置瀏覽網站的比例增加，影像地圖卻無法支援 RWD 也是一項缺失，這次因為學校的多媒體（網頁）期中專案需要用到影像地圖，

「Flickity」算是我在找瀑布流插件時意外找到的 jQuery 插件，那時候剛好也非常缺乏像樣的幻燈片程式，網站首頁也需要一個來展示影片，就這麼剛好讓我找到這款幾乎萬能的插件！怎麼說呢？首先我想要的功能它都有！支援上下頁手動切換、手機滑動切換、游標拖曳切換、下方圓點導覽以及自適應的功能！所以後來我不只拿這個插件做幻燈片，還用來做了網站導覽卡片，一樣非常好用！官方網站更是提供了大量的方法、

「Overlay Scrollbars」是我搜尋了好久才找到的超好用自定義捲軸，之前有找到其他插件的來測試，但最後都遇上了 BUG 而放棄使用，這個則可完美達到我想要的目的，因此特別寫文章推薦給大家！ 首先，它支援使用原生 JavaScript 進行初始化與執行，本身也是 jQuery 插件，所以也可以透過 jQue…

「ScrollIt.js」是一款可以建立頁面滾動導覽的 jQuery 插件，插件本身非常小，支援透過電腦鍵盤移動至上下自定義的節點，不用再透過 HTML 所提供的「#」頁面導覽，功能實 […]

其實很早以前就用過類似的插件，只不過那個插件是商業授權的試用版，而且在改版的過程中還出錯，因此我就直接放棄使用了！後來在網路上找到這個功能更優的 jQuery 插件，支援 touch (觸控 […]

「Tilt.js」是一款可以達到視差懸停傾斜效果（parallax hover tilt effect）的 jQuery 插件，插件本身不需要 CSS，只需要  jQuery 和本 […]

前陣子非常想在網站上製作視差效果，礙於時間因素沒有去找尋資料，現在寒假到了，我就著手開始尋找適合自己用的 jQuery 插件，最後找到了「paroller.js」覺得最滿意！讓我開 […]

前陣子大量撰寫與程式語言相關的教學或推薦文章，需要大量在網頁（文章）上呈現程式碼（原始碼），雖然原本就有安裝一個 WordPress 插件可以呈現，但始終覺得不滿意，前陣子逛了一些線上 HTML 編 […]

我標題直接下「最佳的」，原因是這是我在網路上找到最容易使用且最不會受到干擾的通知提示 jQuery 插件！Toastr 使用起來非常簡單，拿來當作後端訊息提示非常好用，最近做自己網站的後台就是運用這個 jQuery 插件來做通知，不管是位置（左上、上方、右上、右下、下方和左下等）、模式（成功、資訊、警告和錯誤）、關閉按鈕、行為按鈕、偵錯、防止重複和最新的置頂等，該有的功能都有，

自己還是喜歡寫網頁相關的教學，不管是什麼程式語言都沒有前端語言（HTML、CSS、JavaScript）來的習慣！只要沒有資訊安全的問題，前端可說是超級萬能！竟然連 QR Code 都可以生成，也太強大！jQuery.qrcode 依賴 jQuery 函式庫，壓縮版僅 25KB 的大小，可說是相當輕量級的前端插件，相當簡單就可以生成自定義的 QR Code，渲染方式有 canvas、

前端除了能生成 QR Code（👉 相關文章），竟然還能掃描 QR Code？沒錯！只要運用 instascan 這個插件就可以運用 WebRTC 這樣的技術來做到掃描 QR Code，WebRTC 的名稱源自網頁即時通訊（英語：Web Real-Time Communication）的縮寫，是一個支援網頁瀏覽器進行即時語音對話或影片對話的 API，但其一定要在 HTTPS 的連線環境下運作，