weilaixu's blog 博学、审问、慎思、明辨、笃行五者，废其一，非学也...

css森林关于模块化的讨论 2009-11-05
收集整理：weilaixu
参与讨论（排名不分先后，有可能有漏网的）：
Ghost zhang，weilaixu，大白，Along，Design，漩涡鸣人，罗兰德，5457，Leeiio，Allan，Mr.Q，丸子，可嘉，豆豆猫，Twinsenliang，奶茶，泰伦，愚人码头，Linxz（小志），怪兽，


鬼整理的文字版聊天记录：
http://www.cssforest.org/bbs/redirect.php?tid=127&goto=lastpost#lastpost

相关阅读：
http://baike.baidu.com/view/182267.htm 百度关于模块化的解释
http://www.cssforest.org/blog/index.php?id=134 页面重构中的模块化思维
http://www.cssforest.org/blog/index.php?id=126 从宜家的家具设计讲模块化
http://weilaixu.cn/read.php/239.htm 模块化设计的好处
http://www.cssforest.org/blog/index.php?id=142 换种角度看“语义化”
http://www.cssforest.org/blog/index.php?id=139 页面重构中的语义化
http://home.blueidea.com/space.php?uid=128197&do=blog&id=9428 CSS模块化设计
http://www.blueidea.com/tech/web/2007/5189.asp CSS模块化设计——从空格谈起

聊天记录截图，这图很长，长的可怕，更可怕的是图下边还有一坨一坨的文字和link，阅读起来可能会让你把滚动条往回翻，但是，如果一直顺下去那么这篇文章会长的可怕

--------------------------------------------------------------------------------------------------------------------------------------------------------------

什么是模块化：

模块化最大的特点是什么：

模块化有哪些好处

模块化和框架有什么区别：

模块化制作有什么技术难点：


---------------------------------------------------------------------------------------------------------------------------------------------------

是否将模块化进行到底？

其他的文字：






-------------------------------------------------------------------------------------------------------------------------------------------

你离模块化还有多远
HTML: <div class="box"> <h3>你离模块化还有多远</h3> <ul> <li>aaaa</li> <li>aaaa</li> </ul> </div> ------------------------------------------------------ CSS: .box{} .box h3{} .box ul{} .box ul li{}
 提示：您可以先修改部分代码再运行
好懒，好懒，看这里http://www.cssforest.org/blog/index.php?id=126

---------------------------------------------------------------------------------------------------------------------------------------------

小型网络公司应该如何推广模块化

特指那些靠建设企业站点生存的公司，相信他们在一定时间的积累下会开发出一套功能强大的后台程序。在这个前提下，我们看一下一般的企业站都有哪些栏目和功能：
首页，公司简介，公司荣誉，新闻动态，搜索，产品展示，工程案例，在线留言，在线订购，联系我们... ...
先抛开那个可大可小的在线订购，再来分析一下各个页面结构的特征，在去掉页面上一般出现的头部/底部的包含文件之后，那么页面结构也就只有如下几种：


再来分析一下大部分页面中都会出现的东东：
1：logo
2：导航 menu
3：搜索 search
4：产品分类 products list
5：分页 pagelist
6：banner
7：上一条下一条（我叫它pagenext）
8：版权信息copyright
9：漂浮广告（包含TQ等及时聊天）
10：文章页面的大标题副标题以及发布日期点击次数 content h1，content h2

OK，那么，一定会出现的有：
newslist，piclist，pagelist，copyright，pagelist，message，content h1，content h2

这些结构基本不会有什么大的变动，就把这几个写出来，以后要干嘛呢：
1：复制html代码
2：修改css文件

这里并不是说，小规模的网建公司的效率就一定比大公司团队的协同合作的效率要高。团队中的协作有更多的规范和习惯去提升他们的效率。

------------------------------------------------------------------

再来说另外一种情况：


让我们想一下，不论是模块还是框架，不管产品经理和策划多么刁钻，不管客户有多么恶毒，我们始终在什么东西的限制下来做事呢？其实很简单，设计稿，制作能耐再大，在牛B，也得根据设计稿来切图布局吧。

所以，那些只有一个设计师的公司的代码重用率是最高的；比他们还高的是，只有一个设计师而且这个设计师懂切图懂布局懂css的公司。
但是仍然有问题，那就是制作在拿到设计稿之后一个头N个大... ...疯狂的渐变和大图以及让人抓狂的半透明。这个问题，我会在我那篇还没写完的《指引更工业化的设计》中说明。

欢迎指导补充.. ... ... .. . .. . . . . . .