WDH2O

分享一些網站前端開發與使用者經驗的教學角落

Avatar of Away H.

遊走在視覺設計與前端開發之間的一名小小工程師,目前在 CMoney 全曜財經資訊 擔任 Front End Web Engineer,熱愛前端開發、繪圖、音樂、攝影、露營生活。 閒暇之餘,亦在 飛肯設計學苑赫綵設計學院巨匠電腦 擔任講師一職。

Dreamweaver 行為 – 調換影像

在使用網頁的經驗中,大家是否有遇過影像太小看不到細節的狀況?若是我們可以使用滑鼠滑入或點擊該影像,能在另一個區域中檢視到放大的影像,那應該是比較妥當的呈現方式!一般的購物網站都有製作此機制,否則,使用者在購物中都只能看到小圖而看不到細節的顯示時,難免會對該商品的認知、品質產生懷疑、不安全感而不敢購買,自然而然地便損失了商機!

Dreamweaver 行為 – 互動式更改文字大小

大部分的入口型網站都有製作一些使用機制,讓使用者依個人需求去選擇要顯示的文字大小,這些基本上都是使用 Javascript 或 jQuery 所撰寫而成的,若不會撰寫 Javascript 語法的人當然無法完成這種互動式更改文字。

Javascript 輪播式廣告

早期網路上常見的輪播式廣告大多是由 Flash 所完成,但近年來行動裝置的盛行再加上 IOS 不支援 Flash 以及 SEO 極差的情況下,網頁設計師紛紛向 Javascript 、 jQuery 來朝聖。用 Javascript 、 jQuery 來動畫製作效果不僅能排除前面所敘述的問題,更能相容於各家的瀏覽器。以未來整體趨勢來說,撰寫 Javascript 、 jQuery 將是一般網頁設計師所必備的基本技術。

使用 Viewport 對於行動裝置的影響

隨著近年來行動裝置的普及化,使用行動裝置上網的人口數日益增加,再加上各家廠商所推出的商品尺寸不依,而導致使用 Mobile Browser 閱覽網頁時亦產生了許多問題。

淺談 CSS3 Transition 轉場動畫效果

哇… CSS3 出現轉場效果了耶!也就是俗稱的動畫效果~讓您的滑入( :hover )不再是死板板的變化了!不過,還是請各位不要使用腦殘的 IE 來觀看喔!否則的話,是看不到 CSS3 Transition 的轉場動畫效果喔!以下幫各位整理一下瀏覽器的支援性~