HTML5、CSS3和jQuery這3大前端開發(fā)技術(shù)已經(jīng)越來(lái)越成熟，而且這三者的緊密結(jié)合使得開發(fā)者可以有越來(lái)越豐富的想象空間。今天我們要來(lái)分享一些非常炫酷的HTML5相冊(cè)動(dòng)畫應(yīng)用，這些應(yīng)用同時(shí)也結(jié)合了CSS3和jQuery，特別是第一個(gè)，非常具有創(chuàng)意，一起來(lái)看看吧。

1、HTML5 3D立體美女墻相冊(cè)

HTML5非常強(qiáng)大，尤其是和CSS3結(jié)合，有時(shí)候能達(dá)到非同凡響的網(wǎng)頁(yè)動(dòng)畫效果。今天要分享的這款HTML5應(yīng)用就是一款很酷的3D立體圖片相冊(cè)應(yīng)用，它可以用鼠標(biāo)多拽從多個(gè)角度瀏覽相冊(cè)圖片，點(diǎn)擊圖片，就可以放大圖片，相冊(cè)圖片都是美女，千萬(wàn)別讓女朋友看到。

之前我們向大家分享過(guò)一款CSS3/jQuery實(shí)現(xiàn)移動(dòng)端滑動(dòng)圖片層疊效果，圖片層疊切換效果非常不錯(cuò)。今天我們要來(lái)分享一款jQuery左右層疊幻燈片焦點(diǎn)圖插件，點(diǎn)擊左右切換按鈕即可將隱藏一半在后面的圖片展示出來(lái)，唯一的缺陷是不能循環(huán)切換。

今天我們要來(lái)分享另外一種類型的HTML5動(dòng)畫：HTML5圖表應(yīng)用。圖表在網(wǎng)頁(yè)中應(yīng)用十分廣泛，尤其是后臺(tái)的統(tǒng)計(jì)功能，更能體現(xiàn)出圖表的強(qiáng)大之處。本文將介紹一些比較實(shí)用的HTML5圖表動(dòng)畫，有些結(jié)合jQuery，有些是直接基于Canvas，一起來(lái)看看吧。

1、超酷HTML5 Canvas圖表應(yīng)用Chart.js

之前我們已經(jīng)為大家分享過(guò)很多HTML5圖表應(yīng)用了，每一個(gè)HTML5圖表都非常實(shí)用。今天我們要介紹一款基于HTML5 Canvas的圖表應(yīng)用Chart.js，它的功能非常強(qiáng)大，有很多圖表類型，包括折線圖、柱狀圖、餅圖、放射圖等，你可以下載并將它們應(yīng)用到自己的項(xiàng)目中。

CSS3自定義美化復(fù)選框Checkbox組合

今天我們要來(lái)推薦 10 款超級(jí)驚艷的 HTML5 動(dòng)畫，有一些是基于 CSS3 和 jQuery 的，比較實(shí)用，特別是前幾個(gè) HTML5 動(dòng)畫，簡(jiǎn)直酷斃了，現(xiàn)在將它們分享給大家，也許你能用到這些 HTML5 動(dòng)畫和 jQuery 應(yīng)用。

1、HTML5 Canvas 發(fā)光 Loading 動(dòng)畫

之前我們分享過(guò)很多基于 CSS3 的 Loading 動(dòng)畫效果，相信大家都很喜歡。今天我們要來(lái)分享一款基于 HTML5 Canvas 的發(fā)光 Loading 加載動(dòng)畫。Loading 旋轉(zhuǎn)圖標(biāo)是在 canvas 畫布上繪制的，整個(gè) loading 動(dòng)畫是發(fā)光 3D 的視覺(jué)效果，HTML5 非常強(qiáng)大。

單選框Radiobox和復(fù)選框checkbox在網(wǎng)頁(yè)中也十分常見(jiàn)，雖然它沒(méi)有按鈕的交互性強(qiáng)，但是如果能把它們像按鈕那樣美化一下，那也是非常不錯(cuò)的。本文收集了10個(gè)相對(duì)比較漂亮的美化版單選框和復(fù)選框，希望你會(huì)喜歡。

1、CSS3漂亮的自定義Checkbox復(fù)選框 9款迷人樣式

之前我們分享過(guò)一款非常不錯(cuò)的CSS3自定義checkbox復(fù)選框純CSS3美化Checkbox和Radiobox按鈕，外觀非常時(shí)尚。今天我們來(lái)分享一款9款樣式迷人的CSS3漂亮的自定義checkbox復(fù)選框。這幾款復(fù)選框樣式很豐富，使用起來(lái)也比較方便。

Bloodnote -控制血壓的評(píng)論，顧客評(píng)級(jí)，屏幕截圖等，是日常記錄和控制你的血壓是一個(gè)免費(fèi)的iPhone應(yīng)用程序。

是由馬特Ludzen和彼得Bajtala的BloodNote旨在使具有最小的設(shè)計(jì)和專業(yè)的功能更容易跟蹤健康。而不是試圖跟蹤多個(gè)方面的健康，下鉆，以幫助一個(gè)特定的用戶群，使他們能夠快速，直觀地每天跟蹤他們的血壓，并隨著時(shí)間的推移。已經(jīng)獲得不少的融資。

 ExtJs是一個(gè)用于創(chuàng)建Web用戶界面的JS框架，提供了豐富的界面部件及布局方式，對(duì)于web開發(fā)者來(lái)說(shuō)，實(shí)現(xiàn)企業(yè)應(yīng)用所需的各種畫面只要掌握J(rèn)S語(yǔ)言即可。不必再引入flash或silverlight技術(shù)，而且能很容易的創(chuàng)建風(fēng)格統(tǒng)一的企業(yè)應(yīng)用程序。

    雖然ExtJs支持各種流行的瀏覽器，甚至包括IE6，但是它在IE系瀏覽器下運(yùn)行、渲染的效率不高。在谷歌瀏覽器下表現(xiàn)最好，F(xiàn)ireFox瀏覽器次之（這得益于谷歌瀏覽器的JS腳本引擎）。

    然而谷歌瀏覽器和FireFox瀏覽器的核心都是WebKit（蘋果公司開源的瀏覽器核心，負(fù)責(zé)解析HTML文本，并呈現(xiàn)到界面上），所以，要想讓我們的CB/S+ExtJs結(jié)構(gòu)的應(yīng)用程序能有更好的表現(xiàn)，我們必須采用WebKit核心的瀏覽器。

    雖然我們能很方便的獲得WebKit的源碼，然而編譯它卻十分耗時(shí)費(fèi)力，不但要選對(duì)編譯工具，還要安裝一系列的SDK，編譯時(shí)間更是長(zhǎng)的驚人（這幾乎是大型C++項(xiàng)目的通?。?。編譯出來(lái)的DLL使用起來(lái)也不是很方便（要翻閱大量的WebKit的API）。

    幸運(yùn)的是QT界面庫(kù)為我們做了這些工作，QT庫(kù)中包含webkit的瀏覽器控件，并且這個(gè)C++庫(kù)是跨平臺(tái)的，也就是說(shuō)基于這幾項(xiàng)技術(shù)開發(fā)的CB/S企業(yè)應(yīng)用可以部署在Linux系統(tǒng)內(nèi)。

    除了使用QT界面庫(kù)，還可以選擇gtk+和wxWidgets兩個(gè)界面庫(kù)，而且這兩個(gè)界面庫(kù)都對(duì)WebKit做過(guò)包裝，但是從開發(fā)方式，生產(chǎn)效率，運(yùn)行速度等多方面考慮，還是QT最為合適。

    QT界面庫(kù)也分為兩個(gè)版本，一個(gè)是收費(fèi)的digia提供的QT，另一個(gè)是免費(fèi)的qt-project提供的QT（GPL V3 LGPL V2)，這里我們選擇免費(fèi)版的QT，本文第三節(jié)會(huì)介紹如何搭建開發(fā)環(huán)境。

隨著公司企業(yè)對(duì)設(shè)計(jì)的重視越來(lái)越高。很多視覺(jué)設(shè)計(jì)師和交互設(shè)計(jì)師都有這非常明確的定位。不管是設(shè)計(jì)網(wǎng)站頁(yè)面還是應(yīng)用界面的風(fēng)格定位或者是移動(dòng)App的應(yīng)用交互等等。在設(shè)計(jì)過(guò)程中設(shè)計(jì)師都需要一個(gè)構(gòu)思的過(guò)程。有一部分設(shè)計(jì)師會(huì)通過(guò)一些交互軟件來(lái)做最前期的架構(gòu)和構(gòu)思。但是更多的設(shè)計(jì)師還是喜歡用最原生的方法來(lái)構(gòu)思——草圖！我想這應(yīng)該也是最原始的前期構(gòu)思了。把好的靈光一現(xiàn)瞬間畫在稿紙上，做好標(biāo)記。我們?cè)谑褂玫暮芏嘟?jīng)典的工具界面都有著最初的線框草圖。今天我們要分享的就是一些優(yōu)秀的線框示意草圖。你可以看到這些最初的設(shè)計(jì)雛形。相信你可以從中得到創(chuàng)意的靈感。