Xu Design

Feed Rss

文章标签 ‘Web’

1、 70后:工作狂基本上都是70后的。 80后:而我们,拒绝加班! 90后:拒绝上班! 2、 70后:他们喜欢穿七匹狼或者猛龙牌子的衣服。 80后:我们喜欢G-Star之类的。 90后:乞丐服,越花越好,越破越好..一个洞时尚,两个洞潮流,三个洞个性…

WP Theme 推荐:iNove

12.04.2008, 没有评论, WordPress, by , 1,127 views.

iNove 是 mg12 的第四个 WordPress 主题, 零插件要求, 支持 Widgets, 两栏. 通过 XHTML 和 CSS 验证. 非常帅的一款主题,非常推荐大家使用。

12.1 HIV

12.01.2008, 没有评论, Blog Life, by , 692 views.

咋又是12月1日。又看见红丝带了。 多余的就不说了。说起来伤心。 12月1日是世界艾滋病日,这天旨在提高公众对HIV病毒引起的艾滋病在全球传播的意识。订为12月1日是因为第一个艾滋病病例是在1981年此日诊断出 来的。全球卫生部大臣关于艾滋病预防计划的高峰会议上提出的。从此,这个概念被全球各国政府、国际组织和慈善机构采纳。世界艾滋病日的标志是红绸带。

转自:http://ued.taobao.com/blog/2008/11/05/grid_system_research_4/ 前三篇文章中,明确了栅格系统的设计细节和适用范围。这一篇将集中讨论960栅格系统的技术实现。 Blueprint的实现 Blueprint是一个完整的CSS框架,栅格系统是它的一部分功能。我们来看demo页面:

转自:http://ued.taobao.com/blog/2008/10/28/grid_system_research_3/ 研究(2)中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。(注:如非特别指明,栅格系统均指24列960栅格系统) 淘宝的首页(截图)目前尚未严格遵守栅格系统,如果重构的话,宽度方向可以考虑采用下面的栅格布局(只考虑页面主体部分,忽略高度的比例): (图1)

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

转自:http://ued.taobao.com/blog/2008/10/22/grid_system_research_1/ 研究网页栅格系统前,来看一组数据: 网站 首页页面宽度 px Yahoo! 950 淘宝 950 MySpace 960 新浪 950 网易 960 Live Search 958 搜狐 950 … 了解更多

Reset CSS

11.18.2008, 没有评论, Librarys, by , 1,033 views.

CSS Reset 或 Reset CSS,CSS重置,CSS重设,CSS复位,默认CSS… 怎么叫都可以。 每个浏览器会对HTML标记有自己默认的CSS样式定义,为了达到高度和谐的统一,先通过Reset CSS把所有的元素样式都定义为统一标准了,再去基于自定义的这个标准书写接下来的CSS。 我以前碰过一些朋友老是问布局在IE下错乱的非常诡异,有的时 候可能就是没进行Reset CSS,而浏览器写了一些你没看到的代码,就乱七八糟了。 具体的方法就去老帕那里看看吧,呵呵。

WordPress 开发者资源

09.23.2008, 4 条评论, WordPress, by , 2,464 views.

最近在老帕那发现了一些他整理的 WordPress 的东西,这里放出来做个收集用了。 这个系列教程主要面向WordPress主题设计者和开发人员,包括一些平常博客可能很少用到的高级应用技巧。 WP开发者资源-1: WordPress主题制作参考手册和高级技巧 WP开发者资源-2.1: WordPress主题制作基础教程

栅格:从混乱到秩序

09.18.2008, 没有评论, Librarys, by , 878 views.

栅格设计系统(又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格),是一种平面设计的方法与风格。运用固定的格子设计版面布局,其风格工整简洁,在二战后大受欢迎,已成为今日出版物设计的主流风格之一。 栅格就是你对页面版式的规划 你日常所见的许多页面都有栅格存在。你可能注意不到,但它确实存在,并且支撑着设计内容,建立整体的架构,引导着页面的元素。