首页

超实用干货!视觉设计师的五项技能修炼方法

周周

5-visual-design-in-practice-1

我的职责通常是产品战略和设计方向的规划,很少参与具体的设计细节,但我一直相信基础设计技能对于设计思维的影响,以下五条是我认为页面设计最基础的技能要求。没有经历任何艺术教育的设计师(比如我)也可以通过对以下五项修炼的培养迅速提高基础设计能力 >>>

html5动效系列六:分享8个超酷的HTML5相册动画应用

蓝蓝设计的小编

HTML5、CSS3和jQuery这3大前端开发技术已经越来越成熟,而且这三者的紧密结合使得开发者可以有越来越丰富的想象空间。今天我们要来分享一些非常炫酷的HTML5相册动画应用,这些应用同时也结合了CSS3和jQuery,特别是第一个,非常具有创意,一起来看看吧。

1、HTML5 3D立体美女墙相册

HTML5非常强大,尤其是和CSS3结合,有时候能达到非同凡响的网页动画效果。今天要分享的这款HTML5应用就是一款很酷的3D立体图片相册应用,它可以用鼠标多拽从多个角度浏览相册图片,点击图片,就可以放大图片,相册图片都是美女,千万别让女朋友看到。

html5动效系列五:jQuery左右层叠幻灯片焦点图插件

蓝蓝设计的小编

之前我们向大家分享过一款CSS3/jQuery实现移动端滑动图片层叠效果,图片层叠切换效果非常不错。今天我们要来分享一款jQuery左右层叠幻灯片焦点图插件,点击左右切换按钮即可将隐藏一半在后面的图片展示出来,唯一的缺陷是不能循环切换。

html5动效系列四:10个经典实用的HTML5图表动画应用

蓝蓝设计的小编

今天我们要来分享另外一种类型的HTML5动画:HTML5图表应用。图表在网页中应用十分广泛,尤其是后台的统计功能,更能体现出图表的强大之处。本文将介绍一些比较实用的HTML5图表动画,有些结合jQuery,有些是直接基于Canvas,一起来看看吧。

1、超酷HTML5 Canvas图表应用Chart.js

之前我们已经为大家分享过很多HTML5图表应用了,每一个HTML5图表都非常实用。今天我们要介绍一款基于HTML5 Canvas的图表应用Chart.js,它的功能非常强大,有很多图表类型,包括折线图、柱状图、饼图、放射图等,你可以下载并将它们应用到自己的项目中。

html5-canvas-chart-js

html5动效系列三:CSS3自定义美化复选框Checkbox组合

蓝蓝设计的小编

CSS3自定义美化复选框Checkbox组合

今天我们要来分享一组非常漂亮的CSS3自定义复选框checkbox,每一个checkbox都有其各自的特点。有几款checkbox在选中的情况下还会出现动画效果,非常不错的CSS3自定义美化checkbox组合。另外,之前分享过的jQuery实现美化版的单选框和复选框也是非常不错。

html5动效系列二:超级惊艳 10款HTML5动画推荐

蓝蓝设计的小编

今天我们要来推荐 10 款超级惊艳的 HTML5 动画,有一些是基于 CSS3 和 jQuery 的,比较实用,特别是前几个 HTML5 动画,简直酷毙了,现在将它们分享给大家,也许你能用到这些 HTML5 动画和 jQuery 应用。

1、HTML5 Canvas 发光 Loading 动画

之前我们分享过很多基于 CSS3 的 Loading 动画效果,相信大家都很喜欢。今天我们要来分享一款基于 HTML5 Canvas 的发光 Loading 加载动画。Loading 旋转图标是在 canvas 画布上绘制的,整个 loading 动画是发光 3D 的视觉效果,HTML5 非常强大。

涨姿势!有什么好的方案可以替代抽屉式导航?

周周

navigation-drawer-alternative-1

关于抽屉导航(三线icon/汉堡包菜单)的文章和讨论已经够多了。本文无意加入这些讨论,只是想寻找一种更好的替代方案,毕竟抽屉导航的缺陷早已成为公论 >>>

强烈推荐!教你测试手机网页的五大方法

周周

如何测试移动端网页

@陈子木 细心的同学不难发现,现在用手机访问优设网有了全新的阅读体验,而且速度很快。有这样的改变其实也是收到了很多来自微信、微博粉丝的建议,大家想在上班、下班及睡觉的时候阅读收藏在微博和浏览器(同步)里的优设文章。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档