網路資源
[jQuery] instastory.js- 方便好用的抓取 instagram hash tag 的 plugin
instastory.js 方便好用的抓取 instagram hash tag 的 plugin，只要使用 jQuery 並透過簡單的設定，就能抓取指定的 ig hash tag 照片了。
網路資源
教學與資訊
[jQuery] 按下加到購物車後，物品飛到購物車的效果
有些網站為了增加互動，會做把物品點了後東西飛到購物車的效果，這個只要善用網頁排版的概念就能夠做出來了，這邊來示範一下。
教學與資訊
[jQuery] 點選圖片後切換循環播放效果
用一個陣列來儲存圖片，在點擊的時候切換圖片的 index 並加上動畫完成。
教學與資訊
[CodeIgniter] 使用 reCAPTCHA 驗證(包含 AJAX) 教學
如果要在網站上加裝防機器人的機制，google 提供的這個 reCAPTCHA 是一個很方便的套件，如果有投票、留言板之類的功能怕被灌票的話，可以透過裝上這個來防治。
教學與資訊
[jQuery] 取得 datalist 的值
使用 jQuery 取得 datalist 標籤的內容的方法。
教學與資訊
使用js的setInterval實現網頁打字機效果
練習用jquery寫打字機的效果。
教學與資訊
用 jquery 製作自動伸展寬度的 input 欄位
因為有需求所以研究怎麼寫這樣的 UI: 如果在input的時候，想要後面一直有固定的值的寫法，又希望在打的時候能夠自動跟著輸入的值，這樣看起來使用者會覺得這個值就是之後會輸入到系統的值。
教學與資訊
使用 jQuery ajax 上傳 csv 後並透過 D3.js 畫出圖表
在網頁上用 ajax 動態上傳檔案後並馬上繪製出圖表，結合 jquery 跟 d3.js。
網路資源
[jQuery Plugin] 倒數計時- jQuery.countdown
要使用倒數計時功能找到一隻很方便的 plugin- jQuery.countdown，基本的使用方法是把 plugin 讀入後像這樣寫。
教學與資訊
[jQuery] 使用 js 讓用 img 嵌入的 svg 可以變色
使用 js 把用 img 讀入的外部 svg 檔案轉成 svg 標籤內容。
教學與資訊
[jQuery] 使用 .on 將事件綁到動態產生的元素上
在 jQuery 裡要把事件綁到動態產生的元素要用 .on()，可以看影片注意該怎麼使用。
教學與資訊
[jQuery] 透過 json 資料更新 input 的欄位的值
利用 jQuery 透過 json 資料更新輸入欄位的做法。
教學與資訊
[jQuery] 依據點擊位置新增(append)元素的方法
使用 jQuery 製作點擊後在頁面上新增元素的方法。
教學與資訊
[jQuery] 點擊後取得該點在元素上的座標位置
用 jQuery 取得點擊元素後的座標位置的方法。
教學與資訊
將輸入的資料轉換為 json 後再傳到後端- 使用 php 以及 jQuery
示範使用 php 以及 jQuery將輸入的資料轉換為 json 後再傳到後端的方法。
教學與資訊
[jQuery] 檢查被勾選的 checkbox 的數目
用 jQuery 檢查被勾選的 checkbox 的數目的方法。
教學與資訊
將資料用 json 格式存在前端後再取用的方法- 使用 php 與 jQuery
做前後端整合的時候都應該盡量避免太過頻繁的存取資料庫的資料，這邊來講一下把資料庫讀出來的資料存在前端的 json 後再去讀取的方法。
網路資源
FreeFrontend：免費的前端程式碼寶庫，設計與開發者的靈感來源
FreeFrontend 是專為前端開發者打造的資源平台，提供 10,000+ HTML、CSS、JavaScript 範例與設計靈感，助您快速開發並掌握最新前端技術。