這個純 CSS 的 Cube Rotation effect 是由 inWebson 的 developer 免費 share 的
其特色就是完全不用 js, 利用 css3 的 3D transform 配合 keyframe 去做循環性的 Cube Rotation 轉相效果,適合用作網站 Banner 之用。 繼續閱讀
CSS3 3D – Cube Rotation Effect
Google新驗証技術,我不是機器人
Google 前陣子悄悄地在reCAPTCHA啟用了一個新的驗証碼技術,不,嚴格來說他不是一個驗証碼,正如 Google 自己說的,他是一個「No CAPTCHA reCAPTCHA」 繼續閱讀
animate.css 免費CSS3動畫
animate.css 是一系列設計好的 css3 animation class, 由美國一位年輕設計師 Daniel Eden 設計, 並且開放源始碼上傳至 Github 供用戶下載使用。
你可以在下方的下拉菜單挑選不同的effect便可查看其效果。
繼續閱讀
響應式網頁設計 (RWD)
響應式網頁設計(Responsive Web Design)是近年新興的網頁技術,亦是網頁界近期火辣辣的名詞。隨著手機及平板電腦的普及,使用此類移動裝置上網已成世界大趨勢,根據一些調查研究顯示,移動裝置和桌面電腦上網的比率已成五五分帳之局面,有鑑於此,一個同時適應於桌上型電腦及移動裝置的網頁變得更為重要。 繼續閱讀

AJAX非同步處理技術
說起AJAX,如果是足球迷,真是會以為是說阿積士,哈哈!雖然阿積士在波壇也很聞名,可是今天的主角是網頁制作世界的AJAX哦。
AJAX為「Asynchronous JavaScript and XML」(非同步的JavaScript與XML技術),指的是一套綜合了多項技術的瀏覽器端網頁開發技術。 繼續閱讀

CSS3 Animation
提起動態特效,很多人會想起 Flash,然而 Flash 因為支援性問題已被不少人拋棄。而對網頁有認識的人第一時間想起的則可能是 jQuery,但除了 jQuery 以外,其實還有一項利器正逐漸成長,他就是 CSS3 了。 繼續閱讀

jQuery
jQuery 是一個用 javascript 編寫的函式庫,作者是 John Resig,在2006年首次發佈。
傳統網站主要提供資料及訊息發佈,因此很多時並不著重設計,後來隨著網絡發展,網站管理員開始意識到外觀吸引的重要性,便開始加強介面的設計,然而即使是再美觀的設計,如果沒有和用戶之間的互動,那網站還是欠缺生命力。以往不少人會用 javascript 編寫一些畫面上的互動,例如最基本的是滑鼠移動到按鈕上時顯示不用的圖片,但若要再寫漂亮一點的效果,所需花費的功夫就更大了,很多人也就因此卻步,省下功夫,而 jQuery 就像是為了替網站注入生命而出現。
繼續閱讀