網頁設計中的多層視差滾動效果 (Parallax scrolling) 2011/10/19 觀察上面的圖片,裡面有三張圖片,分別放置於不同階層,如此可以構成一幅具有簡單景深的畫面。假設我們將三張圖作成由右向左捲動的動畫,但背景圖片動得比較慢,前景圖片動...
保護性設計(Defensive Design)-亂搞也不出糗的設計品質! 2011/5/28 所謂的保護性設計(Defensive Design),指的就是當你所設計的產品因為某些非預期的使用 (如:使用者的誤用、系統或其他外部因素…等) 而造成錯誤時,...
[CSS] Overflow清除Float效果的妙用 2011/2/19 在使用css設計版面時我們常常會遇到的情況之一,就是用來包覆float子區塊的父區塊無法跟隨float子區塊的高度一併延伸: float的子區塊1 float的...
Drupal 7版型開發(theming)與Drupal 6的不同(下) 2010/5/8 所有模版的標題都具有前置字與後置字變數 Drupal 7樣版都具備兩個新的標準變數:$title_prefix 及 $title_suffix。 這兩個變數內放...
鑽石、訂製鑽戒的線上之戰:eBay, 藍色尼羅河(Blue Nile), 九鑽網 2010/2/22 [caption id="" align="aligncenter" width="580" caption="eBay鑽戒設計比賽"][/caption] 線...
如何用電腦看模擬手機上網的網站? 2009/12/14 這是今天一位朋友突然問我的一個問題,其實有很多種simulator,但可能要先安裝特定的手機OS模擬器,才能使用它內建的browser吧,因為我的經驗也不是非常...
Google Closure工具:Google的javascript工具組 2009/11/8 全球數百萬的Google用戶每天都使用Google提供的Gmail, Google Docs及Google Maps等便利的服務,這些服務都大量使用javasc...
jQuery外掛-EZJax讓你輕鬆使用AJAX載入動態內容! 2009/9/27 其實jQuery本身透過.load函式就簡化了非常多傳統統AJAX的使用步驟,而EZJax外掛更加簡化,讓幾乎不懂AJAX原理與細節的人也能很容易的達成動態載入...