您正在觀看《網站版型》標籤下的文章

網站狂人更換新佈景《iTWweeb Pro 1》,簡約風格搭配首頁輪播功能

By TWweeb — 2013.08.30

如果你長期關注本站的讀者,就會發現本站已經在兩天前也就是 8/29 日更換為新的佈景《iTWweeb Pro 1》,為什麼要取這個名字呢? 純粹只是因為想不到名子…再加上是自用的佈景,所以就加上 Pro 的字樣,這次的佈景和 iCFT 一樣是使用 Html5+CSS3 的技術,有些頁面有搭配 jQuery 的使用,給讀者最好的閱讀空間、不影響閱讀的廣告配位、方便的社群分享按鈕,還有許多就不再多做介紹,就來看看這次的主要更新內容吧。

[教學] CSS3如何修改反白文字的顏色 ::selection使用方法

By TWweeb — 2013.05.27

「::selection」是CSS3才有的一個特效,為了讓使用者閱讀上更舒適,因此網頁設計者,會修改網頁反白文字後的顏色,來方便瀏覽者閱讀。你平常在網路上看文章時事後也會像這樣,把正在閱讀的地方,用滑鼠反白呢?應該看厭了那個單調的藍色了吧,試試這個方法,舒適閱讀。

如何利用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會播影片,這是一個錯誤的觀念,如果你真是這麼認為,下方有解說。