2010年01月_magicdreaming

09月 06月 04月 03月 01月

转载网页栅格系统研究（3）：粒度问题

研究（2）中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。（注：如非特别指明，栅格系统均指24列960栅格系统）淘宝的首页（截图）目前尚未严格遵守栅格系统，如果重构的话，宽度方向可以考虑采用下面的栅格布局（只考虑页面主体部分，忽略高度的比例）：（图1）纷乱的高度世界我们来看下图1左上角。左上角部分目前的宽度为256px, 重构的话可以将宽

2010-01-25 16:58:00 442

转载含中文字符的字符串长度校验

/** * 得到字符串的字符长度（一个汉字占两个字符长） */ function getBytesLength(str) { // 在GBK编码里，除了ASCII字符，其它都占两个字符宽 return str.replace(/[^x00-xff]/g, xx).length; } /** * 根据字符长来截取字符串 */ functi

2010-01-23 00:00:00 988

转载网页栅格系统研究（2）：蛋糕的切法

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

2010-01-22 18:45:00 420