• 网页版 - 找色差小游戏
  • 精选11个超酷炫的 CSS3 文本特效
  • 超赞!提供【免费下载】整理61个HTML5+CSS3的登陆表单
  • 缺乏灵感?来学习创意人士的18个独特行为方式
脚本代码

HTML5 Canvas雨滴下落动画 超逼真

HTML5 Canvas雨滴下落动画 超逼真
分享一款相当逼真的HTML5 Canvas雨滴下落动画,该动画模拟雨滴附在窗户上缓缓滑落的效果,同时窗户也因为雨滴而变得模糊,窗外的夜景便显得格外迷人。利用HTML5技术,该雨滴下落动画一共有5种不同的效果。由于Chrome的跨域限制,本地将无法运行,你可以在本站的在线演示中看到效果,或者将源代码上传至自己的服务器后浏览。...

2年前 (11-22) 881℃ 评论 () 193喜欢

脚本代码

酷酷的 jQuery/CSS3 图片边框线条变换动画

酷酷的 jQuery/CSS3 图片边框线条变换动画
来介绍一个相对比较实用的jQuery/CSS3应用,它可以让网页中的图片更加美观富有动画色彩。当我们将鼠标滑过图片时,图片周围的边框线条就会产生变换的动画特效,并且线条的颜色也会发生改变,我们可以将这款应用在商品的图片中使用,让页面更加绚丽。...

2年前 (11-22) 508℃ 评论 () 119喜欢

脚本代码

jQuery获取键盘按键提示 非常全面!

jQuery获取键盘按键提示 非常全面!
分享一款非常实用的jQuery插件,这款jQuery插件可以帮助你获取键盘按键,并在页面上提示你。很多时候我们会给页面设置一些快捷键,但如何在网页上设置快捷键可能对很多新手来说十分困难,但是有了这款jQuery键盘按键提示插件,我们可以获取用户任意按键信息,尤其是组合快捷键,功能非常全面。...

2年前 (11-22) 401℃ 评论 () 152喜欢

经验/技巧

3个方面提升设计效率

3个方面提升设计效率
最近明明(人家真叫明明)和我抱怨说:老大总是说我设计东西慢,效率低,真是烦死了,要知道设计的好又快的东西这个世界上是没有的...

2年前 (11-17) 331℃ 评论 () 114喜欢

UI设计

一款APP的设计稿从设计到切图(Android篇)③

 一款APP的设计稿从设计到切图(Android篇)③
这里首先感谢很多UI中国的朋友,从我写这个系列以来,他们为我提供了很多我不知道的知识以及提升工作效率的软件,非常感谢你们!!这一期算是这个系列的完结篇了,没想到这一期会间隔这么久,久到我前两期写了什么都快忘记了...

2年前 (11-16) 383℃ 评论 () 122喜欢

经验/技巧

高清ICON SVG解决方案(下)

高清ICON SVG解决方案(下)
在上一篇文章中,我们讲述了字体渲染机制和导致iconfont出现锯齿的原因,以及如何才能出绘制高质量SVG ICON,并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何用SVG来做成高清IOCN,并且良好支持PC下的各个浏览器,并兼容IE6+以上的浏览器。...

2年前 (11-15) 244℃ 评论 () 127喜欢

经验/技巧

高清ICON SVG解决方案(上)

高清ICON SVG解决方案(上)
随着硬件快速的发展,Retina技术发展至今

目前Google Nexus6的devicePixelRatio已经到了3.5,虽然目前主流的Retina显示器还是以devicePixelRatio = 2 的为主,但是为了更好的用户体验,前端和视觉同学经常都要为了各种图标能够在Retina屏幕下高清显示而头痛。下面先介绍下目前的一些常规的解决方 案。...

3年前 (11-12) 148℃ 评论 () 118喜欢

UI设计

简洁明了的UI交互手册

简洁明了的UI交互手册
Good UI是一家研究用户体验的设计机构。我们知道成功的页面设计不仅有很高的转化率更便于用户使用,既能满足商业目标更能为用户带来良好的体验。今天为大家分享一些Good UI 在一些项目中获取的设计以及运营策略等方面的经验...

3年前 (11-10) 401℃ 评论 () 94喜欢

UI设计

值得收藏!iPhone 5快速适配6/6 Plus

值得收藏!iPhone 5快速适配6/6 Plus
最近建了一个零基础学ui的群,许多新人问我适配的问题,他们很疑惑——他们知道iPhone 5用2@的切片,6 Plus用3@的切片,是5的1.5倍。所以,他们做好iPhone 5的设计稿后,整个乘以1.5倍...

3年前 (11-10) 268℃ 评论 () 116喜欢

Html5+Css3

了解CSS3那些不为人知的高级属性

了解CSS3那些不为人知的高级属性
尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性,如border-radius、box-shadow或者transform等。它们有良好的文档...

3年前 (11-08) 382℃ 评论 () 115喜欢

脚本代码

loader.css制作出28款过渡样式

loader.css制作出28款过渡样式
过渡效果,常规方式都是用JS来制作的,CSS3的诞生带来了革命性的变革,同时也衍生了众多的CSS插件,本文用到的loader.css,加载它之后,再用几句代码简单的代码,就可以完成一个神奇的效果。...

3年前 (11-02) 763℃ 评论 () 124喜欢

经验/技巧

设计实用字体的8条规则

设计实用字体的8条规则
在设计中,字体排版设计是相当难懂和复杂的。希望这篇文章能够给大家带来启发。也希望大家不要局限于此,我们要了解更知识,这篇文章里也有给大家提供学习的资源。...

3年前 (11-06) 268℃ 评论 () 84喜欢

UI设计

为设计师而生-设计导航设计总结

为设计师而生-设计导航设计总结
作为设计师想要设计出足够优秀的作品,除了拥有熟练的技能外,还需要拥有出众的创造力和审美。如果对万事万物没有足够丰富的体验和感受,没有对美的认知和体会,是很难提高层次,做出满意的设计的...

3年前 (11-05) 310℃ 评论 () 24喜欢

Html5+Css3

box-flex属性,然后弹性盒子模型简介

box-flex属性,然后弹性盒子模型简介
昨天趁着不想工作的时间间隙闲逛24ways,在My CSS Wish List一文中,见到了个新鲜的CSS属性,就是题目中的box-flex,以前没有见过,顿生疑惑,不知是骡子还是马,于是习惯性谷歌之,真是不谷不知道,一谷吓一跳。倒不是该属性本身,而是此属性作为导火索,让我了解了下CSS3中新的盒子模型——弹性盒子模型(Flexible Box Model)...

3年前 (11-04) 503℃ 评论 () 92喜欢

Html5+Css3

了解CSS3的不一样,CSS3伪类元素详解/深入浅出

了解CSS3的不一样,CSS3伪类元素详解/深入浅出
​最近一段时间,很多朋友向我提出说对css3"画图"不是很理解, 在跟他们私聊了一段时间以后,加上自己在开始自学css3的时候的疑惑,我觉得大家之所以不是很理解主要是因为对伪元素不太了解,介于画图和CSS3里一 些高大上的特效用的比较广泛的伪类元素就是::before 和 ::after, 写这篇博客主要也是为了起到一个敲门砖的作用,所以本篇博客主要是讲::before 和 ::after。那么就让我们一起来聊聊伪元素吧...

3年前 (11-03) 428℃ 评论 () 72喜欢

Html5+Css3

面向设计的半封装web组件开发

面向设计的半封装web组件开发
本文内容可谓是对大脑认知的一场洗礼。我们平常提到组件,就会想到重用,各个项目都能使用。而本文的组件,对于某具体项目而言是组件,但是,对于其他项目,就是个半封装的半吊子组件。面向设计、面向项目的web组件开发,就是本文要探讨的主旨...

3年前 (11-02) 457℃ 评论 () 69喜欢

Html5+Css3

loader.css制作出28款过渡样式

loader.css制作出28款过渡样式
过渡效果,常规方式都是用JS来制作的,CSS3的诞生带来了革命性的变革,同时也衍生了众多的CSS插件,本文用到的loader.css,加载它之后,再用几句代码简单的代码,就可以完成一个神奇的效果。...

3年前 (11-02) 313℃ 评论 () 123喜欢