首頁(yè)

html5動(dòng)效系列二十六:分享幾款HTML5 動(dòng)畫圖表

藍(lán)藍(lán)設(shè)計(jì)的小編

一款基于HTML5 Canvas的折線圖表,這款HTML5折線圖表的特點(diǎn)有兩個(gè),一個(gè)是圖表是有動(dòng)畫效果的,即在圖表初始化的時(shí)候帶有動(dòng)畫;第二個(gè)是這個(gè)HTML5折線圖表可以讓你動(dòng)態(tài)添加數(shù)據(jù)節(jié)點(diǎn),并且用折線平滑地連接,Canvas是這款折線圖的一個(gè)畫板。

html5-canvas-animated-line

html5動(dòng)效系列二十五:純CSS3響應(yīng)式分頁(yè)插件

藍(lán)藍(lán)設(shè)計(jì)的小編

這次我們要來(lái)看一款純CSS3實(shí)現(xiàn)的響應(yīng)式分頁(yè)插件,對(duì)于分頁(yè)插件,之前我們也分享過(guò)一些,都是基于jQuery分頁(yè)插件。這款CSS3分頁(yè)插件可以完全自定義分頁(yè)條的樣式,包括鼠標(biāo)滑過(guò)時(shí)的背景顏色、頁(yè)碼的數(shù)量以及前后翻頁(yè)的按鈕。

css3-responsive-paging

html5動(dòng)效系列二十四:分享幾款CSS3菜單導(dǎo)航

藍(lán)藍(lán)設(shè)計(jì)的小編

這是一款基于純CSS3的菜單導(dǎo)航,這款菜單非常有個(gè)性,菜單背景是一頁(yè)古老的筆記本紙張,菜單項(xiàng)像是浮動(dòng)的文字一樣嵌入在紙張上。鼠標(biāo)滑過(guò)菜單項(xiàng)時(shí)會(huì)出現(xiàn)不同的背景線條,顯得相當(dāng)可愛(ài)。這款CSS3菜單導(dǎo)航非常適合在個(gè)人博客中使用。

css3-menu-personal

聊聊移動(dòng)APP導(dǎo)航設(shè)計(jì)的改版實(shí)戰(zhàn)

用心設(shè)計(jì)

關(guān)于手機(jī)App 的導(dǎo)航設(shè)計(jì)討論已經(jīng)有很多了(特別是針對(duì)漢堡菜單的討論)。今天翻譯的這篇文章,是原作者在真實(shí)的 App 中對(duì)導(dǎo)航進(jìn)行改版,觀察數(shù)據(jù)并進(jìn)行分析的一則小文,實(shí)戰(zhàn)意義很強(qiáng),可供借鑒 >>>

歡迎同學(xué)們關(guān)注譯者的微信公眾號(hào)呦:shejiyiyan

移動(dòng)界面設(shè)計(jì)中,使用各種菜單控件來(lái)簡(jiǎn)化界面,對(duì)設(shè)計(jì)師來(lái)說(shuō)很有吸引力 —— 特別是在小屏幕的設(shè)備上。但是,將 App 的核心部分隱藏在這些菜單里,可能會(huì)對(duì)實(shí)際使用產(chǎn)生負(fù)面的影響。

html5動(dòng)效系列二十三:基于HTML5 Canvas的圖表插件Chart.js

藍(lán)藍(lán)設(shè)計(jì)的小編

chart.js是一款基于HTML5 Canvas的圖表插件,chart.js的功能非常強(qiáng)大,它不僅提供了常見(jiàn)的柱形圖、折線圖、餅狀圖,而且還提供了環(huán)形圖、雷達(dá)圖,樣式外觀多樣,圖表的色彩搭配也比較清新。chart.js還有一個(gè)特點(diǎn)就是圖表在初始化的時(shí)候有彈性動(dòng)畫,這也是HTML5 Canvas的一大功勞。

chartjs-html5-canvas

華為總監(jiān)新文!聊聊設(shè)計(jì)師如何認(rèn)識(shí)自己

周周

designer-self-consciousness-1

@EDC尤原慶 :最近工作忙,有一段時(shí)間沒(méi)有動(dòng)筆。有趣的是,一旦一段時(shí)間沒(méi)有寫字,就有設(shè)計(jì)師小伙伴們?cè)谏缃痪W(wǎng)站上私信,說(shuō)yoyo老師是不是很忙啊,好久沒(méi)有寫文章了。其實(shí),構(gòu)思一直有,就是沒(méi)動(dòng)筆啦,今天好好寫一個(gè)話題,關(guān)于設(shè)計(jì)師的自我認(rèn)知 >>>

html5動(dòng)效系列二十二:HTML5 Canvas折線圖表和柱形圖表

藍(lán)藍(lán)設(shè)計(jì)的小編

今天要分享的一款HTML5 Canvas圖表應(yīng)用提供了折線圖和柱形圖兩種,這款HTML5圖表在初始化數(shù)據(jù)的時(shí)候有一種漸現(xiàn)的動(dòng)畫,我們可以將這款圖表應(yīng)用在統(tǒng)計(jì)頁(yè)面上。

html5-line-and-column-chart

html5動(dòng)效系列二十一:CSS3 3D旋轉(zhuǎn)下拉菜單

藍(lán)藍(lán)設(shè)計(jì)的小編

這是一款帶有3D動(dòng)畫的CSS3菜單,該菜單有以下幾個(gè)特點(diǎn):首先是菜單時(shí)基于CSS3的,因此瀏覽器兼容性都還可以;其次這款菜單支持二級(jí)下拉菜單,功能上也基本能滿足大部分開(kāi)發(fā)者;最后這款菜單最大的亮點(diǎn)在于展開(kāi)下拉菜單時(shí),子菜單可以旋轉(zhuǎn)的展開(kāi)和收縮,給人3D的視覺(jué)效果。

日歷

鏈接

個(gè)人資料

存檔