Webpack 實作入門2：打包 CSS / SCSS 與 加入 Bootstrap
2017/8/21
前篇教學在： https://audilu.com/2017/08/21/webpack-tutorial/範例檔在：https://github.com/mr...
彙整
Webpack 實作入門1：寫給 「非Node.js開發者」 的教學
2017/8/21
會寫這篇純粹是想整理一個單純的 Webpack 教學 (給非 Node.js 開發者) 我自己的經驗是這樣的。 一開始想學習 Webpack 時，都會先在網路上...
WordPress AJAX佈景實作 (以jQuery為例)
2012/6/12
一般使用jQuery實作AJAX的情況 如果你曾經在一般網頁上實作過ajax效果，尤其是使用jQuery (無論是用load(), post()或ajax()…...
jQuery Mu Image Resize 縮圖裁切外掛
2012/5/7
為網站內的圖片產生縮圖，已經是非常普及的應用了，不過這通常是透過後端程式來處理，動用到的也是Server的資源。不過某些情況下，我們希望在前端將縮圖的問題處理掉...
網頁設計中的多層視差滾動效果 (Parallax scrolling)
2011/10/19
觀察上面的圖片，裡面有三張圖片，分別放置於不同階層，如此可以構成一幅具有簡單景深的畫面。假設我們將三張圖作成由右向左捲動的動畫，但背景圖片動得比較慢，前景圖片動...
Google Doodle-Google首頁的javascript動畫初探
2011/5/11
今天早上除了發現自己過了10:42還活著之外，還發現Google首頁的Google Doodle有了新的動畫，今天的主題是瑪莎·葛蘭姆（Martha Graha...
表單提交(submit)時使用preventDefault可能產生的問題
2011/4/12
在表單內的任一輸入框按下Enter後，預設情況下表單會自動提交，若使用preventDefault阻止後，表單將從此不能Submit，怎麼辦？ 一般我們設計HT...
淺談 jQuery圖片延遲載入特效 LazyLoad 原理
2011/3/22
LazyLoad特效，其實已經流行好一陣子了，它是一個jQuery的外掛，可以讓還沒出現在畫面上的網頁元素先別載入，直到使用者捲動捲軸，移到該元素時，它才載入。...