html/css框架,我绝对不能错过什么？

Question

我正在开发一个小的html/css框架,我可以在大多数网站上使用它,至少有一个基础可以构建.这是我到目前为止一直在使用的内容:

CSS框架

• Reset.css - 我使用的是Eric Meyer,www.meyerweb.com.
• Typography.css - 网站的所有主要排版样式(来自blueprintcss.org)
• Forms.css - 基本表单样式(来自blueprintcss.org)
• Wireframe.css - 这里我为一列,两列和三列以及页眉和页脚设置了线框.我使用了圣杯技术,并实现了它,通过在容器div中设置一个"onecolumn","twocolumns"或"threecolumns"类,我可以在三者之间切换.

基本技术

一些技术我有一些预先制作的例子供我在任何网站上重复使用:

• Suckerfish下拉菜单 - 各种版本的水平和垂直
• 滑动门标签 - 虽然我尝试尽可能使用CSS3

脚本

• jQuery - 我尝试尽可能少地使用它(也就是说,如果手头有css解决方案,比如Suckerfish下拉菜单与jQ菜单)

插件

还没有.我昨天看了css3pie,看起来很有希望.

然而要调查

到目前为止我没有使用但可能有趣的是css和js minifiers.另外,目前我在main.css中使用@import包含上面提到的5个css文件,也许我应该在上传前自动合并它们？

当然还有CSS网格系统.我从来没有掌握那些,但也许我应该再试一次.我知道960网格很受欢迎,但我不确定我是否想要纯粹用于标记类(grid_4,column_5等).对我而言,有点像<span class="red">将文本变成红色,这就像使用它一样糟糕内联风格.

无论如何,这只是一个基本设置,并且在此框架中尚未包含的网站中存在大量问题.那么,我应该如何检查以改进我的框架？(HTML5和CSS3欢迎,请不要闪:P)

建议

我将在此列出下面提出的建议,我会查看.

• HTML5 Boilerplate
• IE 7/8/9.js
• Modernizr的

Answer 1

我强烈推荐HTML5 Boilerplate

HTML5 Boilerplate是专业的badass基础HTML/CSS/JS模板,适用于快速,强大且面向未来的网站.

经过两年多的迭代开发,您可以获得最佳实践:跨浏览器规范化,性能优化,甚至是跨域ajax和flash等可选功能.启动apache .htaccess配置文件可以帮助您了解缓存规则并准备您的网站以提供HTML5视频,使用@ font-face,并获得您的gzip zipple.

Boilerplate不是一个框架,它也没有规定任何开发理念,只是有一些技巧可以让您的项目快速,直接地开始.

Answer 2

你能做的最好的事情就是使用它.这是你真正构建一个可以满足你所需要的一切框架的唯一方法.毕竟,在你真正需要它之前,你不知道它需要的一切.

在我工作的地方,我们有自己的PHP框架,它是一个不断变化的实体,在需要时会添加位,因为它们最初并不是在规范中需要的.

只要你有适合你的第一个项目的东西,你就要开始了.试试吧,在需要的时候添加它,并在何时何地优化!