蓝蓝设计的小编
一款基于HTML5 Canvas的折线图表,这款HTML5折线图表的特点有两个,一个是图表是有动画效果的,即在图表初始化的时候带有动画;第二个是这个HTML5折线图表可以让你动态添加数据节点,并且用折线平滑地连接,Canvas是这款折线图的一个画板。
这次我们要来看一款纯CSS3实现的响应式分页插件,对于分页插件,之前我们也分享过一些,都是基于jQuery分页插件。这款CSS3分页插件可以完全自定义分页条的样式,包括鼠标滑过时的背景颜色、页码的数量以及前后翻页的按钮。
这是一款基于纯CSS3的菜单导航,这款菜单非常有个性,菜单背景是一页古老的笔记本纸张,菜单项像是浮动的文字一样嵌入在纸张上。鼠标滑过菜单项时会出现不同的背景线条,显得相当可爱。这款CSS3菜单导航非常适合在个人博客中使用。
用心设计
关于手机App 的导航设计讨论已经有很多了(特别是针对汉堡菜单的讨论)。今天翻译的这篇文章,是原作者在真实的 App 中对导航进行改版,观察数据并进行分析的一则小文,实战意义很强,可供借鉴 >>>
欢迎同学们关注译者的微信公众号呦:shejiyiyan
在移动界面设计中,使用各种菜单控件来简化界面,对设计师来说很有吸引力 —— 特别是在小屏幕的设备上。但是,将 App 的核心部分隐藏在这些菜单里,可能会对实际使用产生负面的影响。
chart.js是一款基于HTML5 Canvas的图表插件,chart.js的功能非常强大,它不仅提供了常见的柱形图、折线图、饼状图,而且还提供了环形图、雷达图,样式外观多样,图表的色彩搭配也比较清新。chart.js还有一个特点就是图表在初始化的时候有弹性动画,这也是HTML5 Canvas的一大功劳。
周周
@EDC尤原庆 :最近工作忙,有一段时间没有动笔。有趣的是,一旦一段时间没有写字,就有设计师小伙伴们在社交网站上私信,说yoyo老师是不是很忙啊,好久没有写文章了。其实,构思一直有,就是没动笔啦,今天好好写一个话题,关于设计师的自我认知 >>>
今天要分享的一款HTML5 Canvas图表应用提供了折线图和柱形图两种,这款HTML5图表在初始化数据的时候有一种渐现的动画,我们可以将这款图表应用在统计页面上。
这是一款带有3D动画的CSS3菜单,该菜单有以下几个特点:首先是菜单时基于CSS3的,因此浏览器兼容性都还可以;其次这款菜单支持二级下拉菜单,功能上也基本能满足大部分开发者;最后这款菜单最大的亮点在于展开下拉菜单时,子菜单可以旋转的展开和收缩,给人3D的视觉效果。
蓝蓝设计的小编 http://www.lanlanwork.com