Xu Design


Archive for 11月, 2008

11月 28th, 2008

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

1 Comment, UI Design, by Xu.hel, 151 views.

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

11月 28th, 2008

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

No Comments, UI Design, by Xu.hel, 89 views.

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

11月 28th, 2008

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

No Comments, UI Design, by Xu.hel, 92 views.

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

11月 27th, 2008

隐藏WP的版本信息

No Comments, WordPress, by Xu.hel, 96 views.

把WordPress的版本信息隐藏起来,有利于提高WordPress的安全性,降低被黑的概率。 那么如何把WordPress的版本信息隐藏起来呢? Digital Inspiration建议的方法是在您所使用的WordPress主题的functions.php文件里面添加以下代码: <?php remove_action(‘wp_head’,'wp_generator’); ?> 直接把代码复制粘贴到文件最后就可以了.

11月 19th, 2008

NFS WPTheme

5 Comments, UI Design, by Xu.hel, 101 views.

新主题的风格类似 Need for Speed Carbon 的界面,其实我也喜欢 Need for Speed Carbon 这个游戏和它的界面。 这个主题不打算出英文版了,预计是2栏的主题。目前进度是刚开始 Code。不过我感觉这个主题要抛弃 IE6 了。

11月 18th, 2008

Reset CSS

No Comments, Librarys, by Xu.hel, 95 views.

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