藍藍設(shè)計的小編
今天我們要來分享一款相當逼真的HTML5 Canvas雨滴下落動畫,該動畫模擬雨滴附在窗戶上緩緩滑落的效果,同時窗戶也因為雨滴而變得模糊,窗外的夜景便顯得格外迷人。利用HTML5技術(shù),該雨滴下落動畫一共有5種不同的效果。由于Chrome的跨域限制,本地將無法運行,你可以在本站的在線演示中看到效果,或者將源代碼上傳至自己的服務(wù)器后瀏覽。
HTML5、CSS3和jQuery這3大前端開發(fā)技術(shù)已經(jīng)越來越成熟,而且這三者的緊密結(jié)合使得開發(fā)者可以有越來越豐富的想象空間。今天我們要來分享一些非常炫酷的HTML5相冊動畫應(yīng)用,這些應(yīng)用同時也結(jié)合了CSS3和jQuery,特別是第一個,非常具有創(chuàng)意,一起來看看吧。
HTML5非常強大,尤其是和CSS3結(jié)合,有時候能達到非同凡響的網(wǎng)頁動畫效果。今天要分享的這款HTML5應(yīng)用就是一款很酷的3D立體圖片相冊應(yīng)用,它可以用鼠標多拽從多個角度瀏覽相冊圖片,點擊圖片,就可以放大圖片,相冊圖片都是美女,千萬別讓女朋友看到。
之前我們向大家分享過一款CSS3/jQuery實現(xiàn)移動端滑動圖片層疊效果,圖片層疊切換效果非常不錯。今天我們要來分享一款jQuery左右層疊幻燈片焦點圖插件,點擊左右切換按鈕即可將隱藏一半在后面的圖片展示出來,唯一的缺陷是不能循環(huán)切換。
今天我們要來分享另外一種類型的HTML5動畫:HTML5圖表應(yīng)用。圖表在網(wǎng)頁中應(yīng)用十分廣泛,尤其是后臺的統(tǒng)計功能,更能體現(xiàn)出圖表的強大之處。本文將介紹一些比較實用的HTML5圖表動畫,有些結(jié)合jQuery,有些是直接基于Canvas,一起來看看吧。
之前我們已經(jīng)為大家分享過很多HTML5圖表應(yīng)用了,每一個HTML5圖表都非常實用。今天我們要介紹一款基于HTML5 Canvas的圖表應(yīng)用Chart.js,它的功能非常強大,有很多圖表類型,包括折線圖、柱狀圖、餅圖、放射圖等,你可以下載并將它們應(yīng)用到自己的項目中。
今天我們要來分享一組非常漂亮的CSS3自定義復選框checkbox,每一個checkbox都有其各自的特點。有幾款checkbox在選中的情況下還會出現(xiàn)動畫效果,非常不錯的CSS3自定義美化checkbox組合。另外,之前分享過的jQuery實現(xiàn)美化版的單選框和復選框也是非常不錯。
今天我們要來推薦 10 款超級驚艷的 HTML5 動畫,有一些是基于 CSS3 和 jQuery 的,比較實用,特別是前幾個 HTML5 動畫,簡直酷斃了,現(xiàn)在將它們分享給大家,也許你能用到這些 HTML5 動畫和 jQuery 應(yīng)用。
1、HTML5 Canvas 發(fā)光 Loading 動畫
之前我們分享過很多基于 CSS3 的 Loading 動畫效果,相信大家都很喜歡。今天我們要來分享一款基于 HTML5 Canvas 的發(fā)光 Loading 加載動畫。Loading 旋轉(zhuǎn)圖標是在 canvas 畫布上繪制的,整個 loading 動畫是發(fā)光 3D 的視覺效果,HTML5 非常強大。
單選框Radiobox和復選框checkbox在網(wǎng)頁中也十分常見,雖然它沒有按鈕的交互性強,但是如果能把它們像按鈕那樣美化一下,那也是非常不錯的。本文收集了10個相對比較漂亮的美化版單選框和復選框,希望你會喜歡。
之前我們分享過一款非常不錯的CSS3自定義checkbox復選框純CSS3美化Checkbox和Radiobox按鈕,外觀非常時尚。今天我們來分享一款9款樣式迷人的CSS3漂亮的自定義checkbox復選框。這幾款復選框樣式很豐富,使用起來也比較方便。
Bloodnote -控制血壓的評論,顧客評級,屏幕截圖等,是日常記錄和控制你的血壓是一個免費的iPhone應(yīng)用程序。
是由馬特Ludzen和彼得Bajtala的BloodNote旨在使具有最小的設(shè)計和專業(yè)的功能更容易跟蹤健康。而不是試圖跟蹤多個方面的健康,下鉆,以幫助一個特定的用戶群,使他們能夠快速,直觀地每天跟蹤他們的血壓,并隨著時間的推移。已經(jīng)獲得不少的融資。
ExtJs是一個用于創(chuàng)建Web用戶界面的JS框架,提供了豐富的界面部件及布局方式,對于web開發(fā)者來說,實現(xiàn)企業(yè)應(yīng)用所需的各種畫面只要掌握JS語言即可。不必再引入flash或silverlight技術(shù),而且能很容易的創(chuàng)建風格統(tǒng)一的企業(yè)應(yīng)用程序。 雖然ExtJs支持各種流行的瀏覽器,甚至包括IE6,但是它在IE系瀏覽器下運行、渲染的效率不高。在谷歌瀏覽器下表現(xiàn)最好,F(xiàn)ireFox瀏覽器次之(這得益于谷歌瀏覽器的JS腳本引擎)。 然而谷歌瀏覽器和FireFox瀏覽器的核心都是WebKit(蘋果公司開源的瀏覽器核心,負責解析HTML文本,并呈現(xiàn)到界面上),所以,要想讓我們的CB/S+ExtJs結(jié)構(gòu)的應(yīng)用程序能有更好的表現(xiàn),我們必須采用WebKit核心的瀏覽器。 雖然我們能很方便的獲得WebKit的源碼,然而編譯它卻十分耗時費力,不但要選對編譯工具,還要安裝一系列的SDK,編譯時間更是長的驚人(這幾乎是大型C++項目的通病)。編譯出來的DLL使用起來也不是很方便(要翻閱大量的WebKit的API)。 幸運的是QT界面庫為我們做了這些工作,QT庫中包含webkit的瀏覽器控件,并且這個C++庫是跨平臺的,也就是說基于這幾項技術(shù)開發(fā)的CB/S企業(yè)應(yīng)用可以部署在Linux系統(tǒng)內(nèi)。 除了使用QT界面庫,還可以選擇gtk+和wxWidgets兩個界面庫,而且這兩個界面庫都對WebKit做過包裝,但是從開發(fā)方式,生產(chǎn)效率,運行速度等多方面考慮,還是QT最為合適。 QT界面庫也分為兩個版本,一個是收費的digia提供的QT,另一個是免費的qt-project提供的QT(GPL V3 LGPL V2),這里我們選擇免費版的QT,本文第三節(jié)會介紹如何搭建開發(fā)環(huán)境。
藍藍設(shè)計的小編 http://www.wtxcl.cn