首页

html5动效系列二十六:分享几款HTML5 动画图表

蓝蓝

一款基于HTML5 Canvas的折线图表,这款HTML5折线图表的特点有两个,一个是图表是有动画效果的,即在图表初始化的时候带有动画;第二个是这个HTML5折线图表可以让你动态添加数据节点,并且用折线平滑地连接,Canvas是这款折线图的一个画板。

html5-canvas-animated-line

html5动效系列二十五:纯CSS3响应式分页插件

蓝蓝

这次我们要来看一款纯CSS3实现的响应式分页插件,对于分页插件,之前我们也分享过一些,都是基于jQuery分页插件。这款CSS3分页插件可以完全自定义分页条的样式,包括鼠标滑过时的背景颜色、页码的数量以及前后翻页的按钮。

css3-responsive-paging

html5动效系列二十四:分享几款CSS3菜单导航

蓝蓝

这是一款基于纯CSS3的菜单导航,这款菜单非常有个性,菜单背景是一页古老的笔记本纸张,菜单项像是浮动的文字一样嵌入在纸张上。鼠标滑过菜单项时会出现不同的背景线条,显得相当可爱。这款CSS3菜单导航非常适合在个人博客中使用。

css3-menu-personal

聊聊移动APP导航设计的改版实战

用心设计

关于手机App 的导航设计讨论已经有很多了(特别是针对汉堡菜单的讨论)。今天翻译的这篇文章,是原作者在真实的 App 中对导航进行改版,观察数据并进行分析的一则小文,实战意义很强,可供借鉴 >>>

欢迎同学们关注译者的微信公众号呦:shejiyiyan

移动界面设计中,使用各种菜单控件来简化界面,对设计师来说很有吸引力 —— 特别是在小屏幕的设备上。但是,将 App 的核心部分隐藏在这些菜单里,可能会对实际使用产生负面的影响。

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

蓝蓝

chart.js是一款基于HTML5 Canvas的图表插件,chart.js的功能非常强大,它不仅提供了常见的柱形图、折线图、饼状图,而且还提供了环形图、雷达图,样式外观多样,图表的色彩搭配也比较清新。chart.js还有一个特点就是图表在初始化的时候有弹性动画,这也是HTML5 Canvas的一大功劳。

chartjs-html5-canvas

华为总监新文!聊聊设计师如何认识自己

周周

designer-self-consciousness-1

@EDC尤原庆 :最近工作忙,有一段时间没有动笔。有趣的是,一旦一段时间没有写字,就有设计师小伙伴们在社交网站上私信,说yoyo老师是不是很忙啊,好久没有写文章了。其实,构思一直有,就是没动笔啦,今天好好写一个话题,关于设计师的自我认知 >>>

html5动效系列二十二:HTML5 Canvas折线图表和柱形图表

蓝蓝

今天要分享的一款HTML5 Canvas图表应用提供了折线图和柱形图两种,这款HTML5图表在初始化数据的时候有一种渐现的动画,我们可以将这款图表应用在统计页面上。

html5-line-and-column-chart

html5动效系列二十一:CSS3 3D旋转下拉菜单

蓝蓝

这是一款带有3D动画的CSS3菜单,该菜单有以下几个特点:首先是菜单时基于CSS3的,因此浏览器兼容性都还可以;其次这款菜单支持二级下拉菜单,功能上也基本能满足大部分开发者;最后这款菜单最大的亮点在于展开下拉菜单时,子菜单可以旋转的展开和收缩,给人3D的视觉效果。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档