彙整

網頁設計中的多層視差滾動效果 (Parallax scrolling)

作者:

19 10 月, 2011 1:51 上午 | 3 則迴響


網頁設計中的多層視差滾動效果 (Parallax scrolling)

觀察上面的圖片,裡面有三張圖片,分別放置於不同階層,如此可以構成一幅具有簡單景深的畫面。假設我們將三張圖作成由右向左捲動的動畫,但背景圖片動得比較慢,前景圖片動得比較快,我們就可以感受到較符合生活經驗的景深效果。


保護性設計(Defensive Design)-亂搞也不出糗的設計品質!

作者:

28 5 月, 2011 4:27 下午 | 留言


保護性設計(Defensive Design)-亂搞也不出糗的設計品質!

所謂的保護性設計(Defensive Design),指的就是當你所設計的產品因為某些非預期的使用 (如:使用者的誤用、系統或其他外部因素…等) 而造成錯誤時,你的產品也能有效的提供設計回饋,讓內心纖細敏感的使用者不會突然受到太多驚嚇。 莫非定律說:凡事有可能會出事的,它就一定會出事。是的,只要是人為設計的產物,都有出事的機率,有天它心血來潮就會在客戶面前挫屎給你看。所以我想,無論你是設計師(De...

閱讀更多


[CSS] Overflow清除Float效果的妙用

作者:

19 2 月, 2011 4:56 下午 | 留言


[CSS] Overflow清除Float效果的妙用

在使用css設計版面時我們常常會遇到的情況之一,就是用來包覆float子區塊的父區塊無法跟隨float子區塊的高度一併延伸: float的子區塊1 float的子區塊2 而通常我們要解決這種情況,我們會增加一個具有 clear 屬性的元素 (例:具有clear:both設定的div元素) 在float子區塊後面來清除Float效果,讓父區塊可以成功的包覆子區塊:


Drupal 7版型開發(theming)與Drupal 6的不同(下)

作者:

8 5 月, 2010 1:41 下午 | 3 則迴響

所有模版的標題都具有前置字與後置字變數 Drupal 7樣版都具備兩個新的標準變數:$title_prefix 及 $title_suffix。 這兩個變數內放的是想要被呈現在個別的標題前或後的輸出內容,可作為contextual links之用,像是讓具有某種權限的使用者可以看到一些特別的連結出現在標題上面或下面。 在node.tpl.php內局部的(Granular)展示$content 資訊...

閱讀更多


鑽石、訂製鑽戒的線上之戰:eBay, 藍色尼羅河(Blue Nile), 九鑽網

作者:

22 2 月, 2010 11:38 上午 | 留言


鑽石、訂製鑽戒的線上之戰:eBay, 藍色尼羅河(Blue Nile), 九鑽網

線上拍賣的知名品牌eBay最近舉辦了「打造你的閃亮鑽戒」(Build Your Bling)比賽活動,讓參賽者設計專屬的鑽戒,並藉由這次的活動正式宣告eBay也開始進軍鑽石的線上零售戰場。這次比賽的優勝者將獲得Gemstoneking公司贈送設計者所設計的戒指,預計價格超過25000美金。 參與者二月19號前要完成並送出自己的設計,其他的eBay使用者將進行最佳設計的投票來選出優勝者,二月26日公...

閱讀更多


如何用電腦看模擬手機上網的網站?

作者:

14 12 月, 2009 10:54 下午 | 4 則迴響


如何用電腦看模擬手機上網的網站?

這是今天一位朋友突然問我的一個問題,其實有很多種simulator,但可能要先安裝特定的手機OS模擬器,才能使用它內建的browser吧,因為我的經驗也不是非常多,我只接觸過windows mobile,但一下要搞到wm的模擬器,其實也很麻煩,又非常大。


Google Closure工具:Google的javascript工具組

作者:

8 11 月, 2009 3:35 下午 | 留言


Google Closure工具:Google的javascript工具組

全球數百萬的Google用戶每天都使用Google提供的Gmail, Google Docs及Google Maps等便利的服務,這些服務都大量使用javascript應用,也能由此看出Google對javascript-based apps的重視程度。最近Google更提供了一組開發javascript的工具組,讓全球的開發者能更輕鬆的開發殺手級的javascript apps,這組工具分別是:...

閱讀更多


jQuery外掛-EZJax讓你輕鬆使用AJAX載入動態內容!

作者:

27 9 月, 2009 7:06 下午 | 留言

其實jQuery本身透過.load函式就簡化了非常多傳統統AJAX的使用步驟,而EZJax外掛更加簡化,讓幾乎不懂AJAX原理與細節的人也能很容易的達成動態載入內容的功能,除了有助於搜尋引擎最佳化(SEO)外,在載入內容時也能安排一些滑動或漸入漸出的特效。 另外根據官網的說明,此外掛支援 IE6以上, FireFox, Safari, 及 Opera。先到EZJax官網下載EZJax,然後就開始試...

閱讀更多


1 2