網路資源
[jQuerry Plugin] 好用的響應式 3D cover flow 套件- flipster
flipster 是一個好用的 3D cover flow jQuery 套件，簡單照他的格式設置就能使用。
網路資源
教學與資訊
[WordPress Plugin] 透過 jQuery 或 javascript 捕捉 Contact Form 7 的事件
說明抓取 WordPress plugin Contact Form 7 javascript 的事件說明，用原生的 javascript 以及 jQuery 示範。
網路資源
[jQuery Plugin] Jquery Toast Plugin- 簡單產出生動的提示訊息
在網站上如果要提示使用者訊息，目前滿常見是這種 toast UI，而這邊介紹一個 jQuery 的套件 Jquery Toast Plugin 就可以簡單達成效果。
網路資源
[jQuery Plugin] dragScroll.js- 幫頁面上可捲動的區塊套上 drag/swipe 效果
當我們頁面上出現可捲動區域，尤其是橫向捲動時，在電腦上會因為滾輪預設不會左右捲動的關係而變得很難操作，為了處理這個我們就可以在上面套上 drag 的事件方便使用者可以直接拖曳後使用，這時就可以考慮 dragScroll.js 這隻套件。
教學與資訊
[jQuery] 跳離 $.each 迴圈的方法
要跳出 jQuery $.each 的迴圈的話，要使用 return false 就好了。
教學與資訊
使用 php 輸出 json 資料後透過 jQuery 做資料的篩選功能
說明怎麼樣不透過換頁的方式，製作資料篩選後內容切換的功能，使用 jQuery。
網路資源
jQuery contextMenu- 方便的客製滑鼠右鍵選單套件
jQuery contextMenu 是一個方便客製化滑鼠右鍵選單的 jQuery 套件，透過簡單的安裝就能使用。
網路資源
Albe Timeline- 透過 JSON 就能快速建立時間軸的 jQuery Plugin
Albe Timeline 是一個透過 JSON 就能快速建立時間軸的 jQuery Plugin。
網路資源
[jQuery plugin] Bootstrap 4 的 Tag input
Bootstrap 應該是現在很多人做網站都會用到的 UI Framework，在第四版之後有些舊版的 plugin UI 支援上可能有問題，這個 tag input 的功能應該也是不少想做內容型的網站的朋友需要用到的，就跟大家分享一下支援 Bootstrap 4 的 Tag input。
教學與資訊
[jQuery] 將指定的元素包起來- wrap
在 jQuery 我們可以很輕鬆的使用 .wrap() 將指定的元素用我們想要包的東西包起來，使用方法只要使用 .wrap() 將要把它包起來的 HTML 寫好就好。
網路資源
simple-lightbox- 好用方便的 jQuery lightnox 套件
simple-lightbox 是一個好用的 jQuery lightbox 套件，只要簡單引入就能使用。
網路資源
Masonry- 瀑布流版面配置的套件
相信對於網站開發有一定經驗的朋友一定對瀑布流 UI 不陌生，其中最有名的以瀑布流 UI 為版面配置的就屬 pintreset，那如果我們要在自己的網站上使用瀑布流 UI 的配置的話，一般我們都是使用 Masonry 這一個 js 的套件。
教學與資訊
[jQuery] before, after, insertBefore, insertAfter 的用法
在 jQuery 裡 before, after, insertBefore, insertAfter 的用法說明。
網路資源
[jQuery Plugin] 拖曳切換內容- twentytwenty
如果想要做一些可以拖曳切換兩種狀態的樣子，很像開窗戶的感覺可以參考這個 plugin，應該很多人會用來做 before/after 的比對。
網路資源
[jQuery plugin] 簡單音效外掛- EasyAudioEffects.js
想要幫你的網站簡單的點綴一點音效的話，可以試一下這個 EasyAudioEffects.js。
教學與資訊
[jQuery] javascript 製作下拉式選單與捲軸連動效果
學生問的我寫出來也記錄一下，以往會做這種效果都是用點擊的，也因為有現成的 plugin 所以還沒完整自己寫過，這次有問到要跟下拉式選單怎麼互動我就來弄一下。
教學與資訊
[Livewire] 經過一段時間後隱藏透過 session flash 產生的 UI
透過偵測 livewire 的事件，實作經過一段時間後隱藏透過 session flash 產生的 UI。
網路資源
slick- 好用的圖片輪播套件，也支援手機手勢及 RWD
slick 是一個很好用的圖片輪播套件，還號稱是 the last carousel you'll ever need，我個人也覺得是很棒，支援 RWD 也支援手機手勢，這樣不管在任何裝置上都可以正常操作。