首頁

html5動效系列二十六:分享幾款HTML5 動畫圖表

藍藍設計的小編

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

html5-canvas-animated-line

html5動效系列二十五:純CSS3響應式分頁插件

藍藍設計的小編

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

css3-responsive-paging

html5動效系列二十四:分享幾款CSS3菜單導航

藍藍設計的小編

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

css3-menu-personal

聊聊移動APP導航設計的改版實戰(zhàn)

用心設計

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

歡迎同學們關注譯者的微信公眾號呦:shejiyiyan

移動界面設計中,使用各種菜單控件來簡化界面,對設計師來說很有吸引力 —— 特別是在小屏幕的設備上。但是,將 App 的核心部分隱藏在這些菜單里,可能會對實際使用產(chǎn)生負面的影響。

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

藍藍設計的小編

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

chartjs-html5-canvas

華為總監(jiān)新文!聊聊設計師如何認識自己

周周

designer-self-consciousness-1

@EDC尤原慶 :最近工作忙,有一段時間沒有動筆。有趣的是,一旦一段時間沒有寫字,就有設計師小伙伴們在社交網(wǎng)站上私信,說yoyo老師是不是很忙啊,好久沒有寫文章了。其實,構(gòu)思一直有,就是沒動筆啦,今天好好寫一個話題,關于設計師的自我認知 >>>

html5動效系列二十二:HTML5 Canvas折線圖表和柱形圖表

藍藍設計的小編

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

html5-line-and-column-chart

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

藍藍設計的小編

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

日歷

鏈接

個人資料

藍藍設計的小編 http://yvirxh.cn

存檔