杰拉斯的博客

网页设计中的安全字体

杰拉斯 杰拉斯 | 时间:2012-05-31, Thu | 8,562 views
前端开发 

转载内容(来自互联网)整理如下:

点评:在Web编码中,CSS默认应用的Web字体是有限的,虽然在新版本的CSS3,我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体。

但多数情况下,考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现CSS的编写,这里整理了19个Web安全字体,让你无需任何顾虑的情况下畅快使用。

(阅读全文…)

CSS3无图片实现华丽折页菜单效果(多浏览器兼容)

杰拉斯 杰拉斯 | 时间:2012-05-29, Tue | 26,116 views
前端开发 

昨天在做一个网站的左栏菜单的时候,突然想到,看了那么多创意CSS3导航、菜单,何不自己动手做一个纯CSS3菜单呢?于是捣鼓了一下把想法给实现了,虽然说是比较老掉牙的一个创意,不过顺便也算是锻炼了一下CSS水平。

先看看网页里的最终效果:

CSS3折页菜单

那么,教程开始了!

(阅读全文…)

CSS3实现文本框焦点伸长效果

杰拉斯 杰拉斯 | 时间:2012-05-28, Mon | 11,707 views
前端开发 

如果用过苹果官网搜索功能,就会发现,当搜索框获得焦点时会自动伸长,并且有动画效果,这是怎么实现的呢?

不需要Flash,不需要JavaScript,纯CSS3就可以实现,先看看Demo(不支持IE内核浏览器):

(阅读全文…)

叠柔配色法,无招胜有招。

杰拉斯 杰拉斯 | 时间:2012-05-27, Sun | 7,085 views
前端开发 

叠柔配色法,无招胜有招

本文没有咬文嚼字的地方,只是一个技巧的分享,十分简单,简单到流泪。

网页视觉层面主要是由形式(或叫布局)、色彩、图片和文字信息组成,设计师通常对形式感关注的比较多,因为视觉冲击力、设计差异性或创新大多都仰赖形式呈现,而色彩主要影响整体观感、设计品质以及受众情绪,很多时候我们设计了一个不错的形式却未能做出这个稿子应有的品质,会不会太可惜?

形式需要思考创造,图片素材需要学习处理,文字需要梳理编排,但网页色彩是不是一定需要有天生的色感、丰富的理论和多年经验沉淀才能运用自如?

当然不!

(阅读全文…)