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

高清ICON SVG解决方案(下)

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

2年前 (11-15) 223℃ 评论 () 125喜欢

经验/技巧

高清ICON SVG解决方案(上)

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

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

2年前 (11-12) 136℃ 评论 () 115喜欢

UI设计

简洁明了的UI交互手册

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

2年前 (11-10) 390℃ 评论 () 91喜欢

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倍...

2年前 (11-10) 251℃ 评论 () 113喜欢

Html5+Css3

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

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

2年前 (11-08) 357℃ 评论 () 111喜欢

脚本代码

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

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

2年前 (11-02) 414℃ 评论 () 120喜欢

经验/技巧

设计实用字体的8条规则

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

2年前 (11-06) 253℃ 评论 () 84喜欢

UI设计

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

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

2年前 (11-05) 294℃ 评论 () 21喜欢

Html5+Css3

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

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

2年前 (11-04) 485℃ 评论 () 89喜欢

Html5+Css3

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

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

2年前 (11-03) 412℃ 评论 () 69喜欢

Html5+Css3

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

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

2年前 (11-02) 438℃ 评论 () 64喜欢

Html5+Css3

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

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

2年前 (11-02) 287℃ 评论 () 120喜欢

Html5+Css3

响应式web设计与CSS3媒体查询

响应式web设计与CSS3媒体查询
在之前一篇译文中,我们了解了响应式Web设计的概念、组成要素以及基本的实现思路。今天继续相关话题,我们将从前文介绍过的"弹性布局结构"这方面出发,通过一个具体的实例来深入学习。...

2年前 (11-01) 921℃ 评论 () 193喜欢

Html5+Css3

用三个步骤让你理解怎样实现响应式网页设计

用三个步骤让你理解怎样实现响应式网页设计
随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合,来进行多种分辨率适配的例子。...

2年前 (11-01) 387℃ 评论 () 123喜欢

Html5+Css3

css中input与button高度不一致的原因及解决方法

css中input与button高度不一致的原因及解决方法
【css文本框与按钮不对齐解决方案 】button在高度计算上始终使用了Quirks模式。在Quirks模式下,边框的计算是在元素的宽度内的,而不像标准模式一样计算在外部,button的高度包含边框的高度,而文本框text则不包含边框高度。...

2年前 (10-28) 361℃ 评论 () 104喜欢

UI设计

情感化交互设计

情感化交互设计
​设计,从来不是孤立的。建筑设计师所设计的大楼不仅仅是要好看,更重要的是符合力学结构原理;家具设计师所设计的家具,不仅仅需要美观,也需要坚固耐用。每一个踏入UI设计的人都应该明白,自己设计的作品光好看是不够的。因为产品开发出来是给人用的,所以交互设计和用户体验被重点提出来...

2年前 (10-27) 261℃ 评论 () 46喜欢