既是安安

蝴蝶飞不过沧海,谁忍心责怪?

CSS滑动门

CSS有一个不为人知的特性就是可以层叠背景图象,即允许层间的滑动来制造特效。当前CSS2要求每个背景图用在不同的HTML元素中。实际上,构成常规界面的组件已经有可供我们运用的素材。其中之一即标签导航。现在是时候重拾持久流行并为主流导航方法的标签技术。因CSS广受支持,我们大可以改观我们站点上标签的质量和样式。

网页栅格系统研究(4):技术实现

前三篇文章中,明确了栅格系统的设计细节和适用范围。这一篇将集中讨论960栅格系统的技术实现。Blueprint的实现Blueprint是一个完整的CSS框架,栅格系统是它的一部分功能。

网页栅格系统研究(3):粒度问题

研究(2)中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。(注:如非特别指明,栅格系统均指24列960栅格系统)淘宝的首页(截图)目前尚未严格遵守栅格系统,如果重构的话,宽度方向可以考虑采用下面的栅格布局。

网页栅格系统研究(2):蛋糕的切法

首先澄清一个应用场景问题。研究(1)中指出,对于结构复杂的网站,不少设计师们喜欢采用960固定宽度布局。但要注意的是,960并不是万能钥匙,大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局,最大限度的呈现信息。Google更是简简单单,主题部分就一个列表。eBay的页面非常简洁,商品页面宽度自适应,信息自然流畅,噪音少,购物很踏实。类似的站点还有很多,对于这些站点来说,宽度自适应布局。

网页栅格系统研究(1):960的秘密

研究网页栅格系统前,来看一组数据:网站首页页面宽度 pxYahoo!950淘宝950MySpace960新浪950网易960Live Search958搜狐950优酷960AOL960上面列举的都是Alexa全球排名前100的站点,它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点:页面结构较复杂,都可以认为是门户型网站。

CSS实现视觉渐远的效果

这个看起来没有什么实用价值,实际上,嗯,好像也没什么用哈。。。基本原理:将所有的盒子都绝对定位,然后将宽高各50%的递缩小,并且在top、right、bottom和left针对性的偏移即可。

内容溢出用(...)表示的数种方法

关于文字内容溢出用点点点(...)省略号表示

很有用但是IE支持不佳的CSS属性

尽管我们对CSS已经非常熟悉,应付日常的工作或在各个浏览器中搞定CSS的兼容性已经很得心应手,但是并不是所有的CSS属性都是那么的常用。在本文中,让我们看看10个可能非常有用但是在该死的IE浏览器中(主要是IE6和IE7)却不能使用的CSS属性。看完了该文,你可能会更加讨厌IE浏览器吧。

Input and Img align

将近一周没有更新了,无论是原创还是转载都没有。趁着这个闲得发慌的下午赶紧凑合一篇上去。话说这是公司项目上的一个问题,嗯,这应该不违反公司的那个啥保密协议哈。

CSS实现气泡式对话框

似乎如今的WEB都不拘泥于方方块块、规规矩矩,就比如说一个对话框,不过话说气泡式的对话框真的很不错。之于上面的那个角角,就是之前说过的山顶角就不再多言了,主要就是这个圆角边框,这也是个被人说烂了的话题,嘿,在费几滴口水废话一下也无妨的哈。

网站分类
Tags列表
最近发表
最新留言
友情链接
站点统计
  • 文章总数:106
  • 评论总数:2082
  • 浏览总数:34687
  • 当前主题:EMERALD

Top