您正在觀看《網頁設計》分類下的文章

如何利用jQuery+CSS呈現Windows Phone Mango的Metro翻轉特效

By TWweeb — 2013.04.12

會寫這篇是因為感覺這效果的應用還蠻廣的,而且視覺效果也不錯。起初看到把它應用在網站上的是阿湯,他的布景直覺上看上去就是很清爽簡單,加上右邊的側邊攔把它融合成一塊,大大減少了不必要的空間,還有就是綠色工廠也用了相同的效果。還有看過把這個效果直接當作是網站的版型,所以整個網頁就沒有用到很長的捲軸。

如何利用PHP語法來偵測是不是使用手機瀏覽網頁,新增手機用戶的客製選單

By TWweeb — 2013.03.21

有些網站會針對手機板來做手機版本的瀏覽介面,讓User在使用手機來看網站時,能有字體大、或以內容為主軸的設計版面。為了針對不同大小的瀏覽器(Browser),可以用大概三種以上的方式來讓User有最舒適的介面,以方便行動裝置的User在瀏覽網頁時,先Redirect到行動版網站。第一、可以使用自適應網頁設計(Responsive Web Design);第二、我們可以針對手機的使用者載入不同的布景;第三、可以使用本篇的方法,針對手機使用者載入不同的CSS,或其它客製選項。

[教學]在網頁上加入HTML5 的Video Tag,直接播放MP4、OGG…等影片

By TWweeb — 2013.02.06

在之前有一篇文章提到HTML5(為何iPhone,iPod,iPad不支援Flash,HTML5將更普及於網路世界!!)的重要性,而Html 5的主要革新是在他的語意標籤,像是<video>、<audio>、<section>、<article>、<header>和<nav>這些,一看就知道是用在何處的標籤,將是Html 5的主要特色之一,今天我們要介紹的是<video>這個新標籤。一般人可能有個錯誤觀念是Htmh 5會播影片,這是一個錯誤的觀念,如果你真是這麼認為,下方有解說。