網路資源
jQuery Script.net- 收集 jQeury plugin 的集合網站
jQuery Script.net 是一個收集 jQeury plugin 的集合網站，可以依據自己的需求尋找適合的 plugin。
網路資源
網路資源
jQuery Plugins- 收集 jQuery Plugins 的集合網站
jQuery Plugins 是一個如同名字般直接的收集 jQuery Plugins 的集合網站，不過因為時代的改變現在上面也滿多是不用 jQuery 的套件了，有興趣的可以上來找找有沒有想要的效果。
網路資源
Tilt.js- 卡片 3D 互動效果
Tilt.js 是一個可以製作卡片 3D 互動效果的套件。
網路資源
paroller.js- 好用的視差滾動套件
paroller.js 是一個功能簡單但效果強大的視差滾動套件。
網路資源
W3Schools- 非常老牌且豐富的網頁教學網站
W3School 是一個非常老牌的網頁技術教學網站，在這邊可以學到各種網頁技術，舉凡 HTML、CSS、javascript、PHP、Python...等非常豐富，網站內也有語法教學與線上測試工具。
教學與資訊
透過 js 或 jQuery 取得 HTML data-* 的值
介紹一下如何使用 js 與 jQuery 取得 data-* 的值。
教學與資訊
使用 CSS 的 mix-blend-mode 製作隨滑鼠移動改變樣式的效果
使用滑鼠移動與 CSS 的 mix-blend-mode 來製作隨滑鼠移動的變換樣式效果。
教學與資訊
[jQuery] 偵測與指定卷軸位置
在 html5 之後我們可以輕易的在輸入欄位加上浮水印的文字，只要添加 placeholder 這個屬性，並設定想要顯示的值就好了。 那如果我們想要改變浮水印的樣式，只要使用 ::placeholder 這個選擇器就好了。
教學與資訊
[jQuery] 取得滑鼠位置、元素位置與區塊內的相對位置
在 jQuery 裡可以使用 e.pageX, e.pageY 和 offset() 來取得頁面上的絕對位置與相對位置。
教學與資訊
用 javascript 把 video 變成圖片
如果要把頁面給印出來，可能會遇到 video 沒辦法看的情況，這邊我使用 js 先把 video 轉成圖片後，應該就可以避免這個情況。
教學與資訊
使用 svg 繪製長條圖
用 svg 搭配 jquery 繪製長條圖。