模法雲端行銷　整合行銷,CIS企業識別系統,網頁設計,手機APP設計,行動版網頁設計,實體活動執行

無需圖片也能完成iPhone4介面！

想看看網路技術究竟發展地如何多才多藝嗎？那麼你一定會想看看這個用CSS3技術完成的iPhone4介面是多麼地整齊漂亮，這是由一名烏克蘭的網頁工程師－Vasiliy Zubach（在網路上名為TjRus）使用HTML5、CSS3和JavaScript完成的。

iPhone4迷人之處，不僅在於本身硬體的設計，也包含它螢幕中展現一系列icon的方式，而圖中你看到的這一切都是以程式碼達成的，而非圖像。

這名工程師完成的demo作品還包括互動介面的部份，比如說睡眠/喚醒的按鈕、主頁按鈕及螢幕上的滑動解鎖…等，幾乎是達成所有的項目。Vasiliy總共用了3395行CSS和335行的jQuery完成了這個作品。

其實這不是目前為止第一個以智慧型手機展現HTML5及CSS 3技術的作品，在去年11月微軟也曾發佈過一份以Windows Phone 7為主角的demo作品（iPhone用戶不妨嘗試用手機觀看）。

以下就是這次分享的兩個demo作品網址：

．iPhone 4：http://tjrus.com/iphone

．Windows Phone 7：http://m.microsoft.com/windowsphone/en-us/demo/index.html

看完之後，您有什麼樣的想法嗎？歡迎留言與我們分享哦！

資料來源：PCWorld ／ 圖片來源：PCWorld

 
網站建置|社群行銷|網路整合行銷|CIS|企業識別|網頁設計|手機APP|行動版網頁|活動企劃|公仔設計