如何利用jQuery+CSS呈現Windows Phone Mango的Metro翻轉特效
會寫這篇是因為感覺這效果的應用還蠻廣的，而且視覺效果也不錯。起初看到把它應用在網站上的是阿湯，他的布景直覺上看上去就是很清爽簡單，加上右邊的側邊攔把它融合成一塊，大大減少了不必要的空間，還有就是綠色工廠也用了相同的效果。還有看過把這個效果直接當作是網站的版型，所以整個網頁就沒有用到很長的捲軸。
您正在觀看《網頁設計》分類下的文章
如何利用PHP語法來偵測是不是使用手機瀏覽網頁，新增手機用戶的客製選單
有些網站會針對手機板來做手機版本的瀏覽介面，讓User在使用手機來看網站時，能有字體大、或以內容為主軸的設計版面。為了針對不同大小的瀏覽器(Browser)，可以用大概三種以上的方式來讓User有最舒適的介面，以方便行動裝置的User在瀏覽網頁時，先Redirect到行動版網站。第一、可以使用自適應網頁設計(Responsive Web Design)；第二、我們可以針對手機的使用者載入不同的布景；第三、可以使用本篇的方法，針對手機使用者載入不同的CSS，或其它客製選項。
![[教學]在網頁上加入HTML5 的Video Tag，直接播放MP4、OGG…等影片](https://twweeb.org/wp-content/themes/itwweebpro/includes/timthumb.php?src=https://postimages.twweeb.org/html5-video-tag/example.png&h=150&w=150&zc=1&q=100)
[教學]在網頁上加入HTML5 的Video Tag，直接播放MP4、OGG…等影片
在之前有一篇文章提到HTML5(為何iPhone,iPod,iPad不支援Flash，HTML5將更普及於網路世界!!)的重要性，而Html 5的主要革新是在他的語意標籤，像是<video>、<audio>、<section>、<article>、<header>和<nav>這些，一看就知道是用在何處的標籤，將是Html 5的主要特色之一，今天我們要介紹的是<video>這個新標籤。一般人可能有個錯誤觀念是Htmh 5會播影片，這是一個錯誤的觀念，如果你真是這麼認為，下方有解說。
如何利用PHP語法來偵測是不是使用手機瀏覽網頁，新增手機用戶的客製選單
有些網站會針對手機板來做手機版本的瀏覽介面，讓User在使用手機來看網站時，能有字體大、或以內容為主軸的設計版面。為了針對不同大小的瀏覽器(Browser)，可以用大概三種以上的方式來讓User有最舒適的介面，以方便行動裝置的User在瀏覽網頁時，先Redirect到行動版網站。第一、可以使用自適應網頁設計(Responsive Web Design)；第二、我們可以針對手機的使用者載入不同的布景；第三、可以使用本篇的方法，針對手機使用者載入不同的CSS，或其它客製選項。
[教學]在網頁上加入HTML5 的Video Tag，直接播放MP4、OGG…等影片
在之前有一篇文章提到HTML5(為何iPhone,iPod,iPad不支援Flash，HTML5將更普及於網路世界!!)的重要性，而Html 5的主要革新是在他的語意標籤，像是<video>、<audio>、<section>、<article>、<header>和<nav>這些，一看就知道是用在何處的標籤，將是Html 5的主要特色之一，今天我們要介紹的是<video>這個新標籤。一般人可能有個錯誤觀念是Htmh 5會播影片，這是一個錯誤的觀念，如果你真是這麼認為，下方有解說。