在淘宝UED看到此文 《网页的栅格系统设计》 ，于是拿起来久久不碰的笔和纸，对自己正在进行的项目进行了计算。

以前对于网页中各个模块的长宽设计，通常都是按感觉走，但是感觉这玩意，说实话，很多时候不靠谱，也会遭到重议。由于网站通常是由不同页面，并且页面中有很多块是相同的，间距也是固定的。因此，这个网页栅格系统设计是非常好用的，并且很有理的。

于是我拿起了笔~

查看全文 »

《钢铁侠》可以算我看过的Marvel的片子中，最有感觉的吧(绿巨人还没有看)，Robert Downey Jr. 的演技感觉比电影本身还要出彩，太自然，太痞了，太魅力了。。除了整部剧集没有蝙蝠侠哪么内涵，其他真是不相上下啊。
豆瓣中相关介绍和评论

查看全文 »

虽然写了很多的标准布局，写了很多的css，但是觉得自己还是很粗糙 , 并不能达到灵活多变，shiningRay 推荐了 Mollio 给我 。

Mollio CSS/HTML Templates

学习Mollio , 一来是学习一下成熟多变的css的写法，二来是看一下Mollio给出了Styleguide (PDF) ，并尝试制作一份项目的Styleguide。

以下我总结了我眼中Mollio的几个对我有帮助的技巧(会不断更新):

1. 给”big div” 添加 ” position:relative; ” (这个的好处是大大减少了float和clear的使用)

2. div中尽量自上而下写大小,避免不规则的margin,padding (例如: header{margin-bottom:5},content{margin-bottom:10px;footer{ margin-bottom:0;})

3. form中可以尝试 <label for=”input-1″><span>用户名</span><input type=”text” name=”input-1″/><br /></label>作为一行 (这个方式我觉得很好，<span><input> float:left; , <br/>清楚浮动)

4. form中使用fieldset会比div更有魅力~~

5. 连接标签为 More ，的优化可以这样, <a href=”#” title=”这是混乱八小时的连接” >More<span>这是混乱八小时的连接</span></a>  ( span {left:-9999px; position:absolute; width:900px;} )

6. ol中的序列数字的大小是根据li里面的字体的大小调整的

此篇不是枪文，只是看到几篇文章收集一下，可以归结为系列文，某度和京某，我都应该算是他们的中级用户，但是我现在已经慢慢不使用这2个网站了，原因很简单，我的需求没有得到满足，或者说，我看不惯他们的做法。

X度篇：

“java”关键词的首页

以用户的身份，跟X度李XX同学提个醒。

京X篇：

请注意沸腾网那个，真是绝啊，通杀~~

《木乃伊3》这片子看过就算了吧，还是不多说什么了，李连杰在里面变成永恒之身竟然是三头龙，囧
豆瓣中相关介绍和评论

查看全文 »