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

Question

关闭。这个问题需要更多focused .它目前不接受答案。












想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post .

5年前关闭。




Improve this question




我正在开发一个小的 html/css 框架，我可以将它用于我的大多数网站，至少有一个基础。这是我迄今为止一直在使用的:

CSS框架

Reset.css - 我使用 Eric Meyer 的一个，www.meyerweb.com。

Typography.css - 网站的所有主要排版样式(来自 blueprintcss.org)

Forms.css - 基本表单样式(来自 blueprintcss.org)

Wireframe.css - 在这里，我为一列、两列和三列以及页眉和页脚设置了线框。我用了 Holy Grail技术，并实现它，以便通过为容器 div 设置“onecolumn”、“twocolumns”或“threecolumns”类，我可以在三者之间切换。

基本技术

一些技术我有一些预制示例供我在任何网站中重复使用:

Suckerfish下拉菜单 - 各种版本中的水平和垂直

Sliding Doors标签 - 尽管我尝试尽可能使用 CSS3

脚本编写

jQuery - 我尽量少使用它(也就是说，如果手头有 css 解决方案，比如 Suckerfish 下拉菜单与 jQ 菜单)

插件

还没有。我查看了 css3pie昨天，它看起来很有希望。

尚待调查

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

当然还有 CSS 网格系统。我从来没有掌握这些，但也许我应该再试一次。我知道 960 网格非常流行，但我不确定我是否想将类纯粹用于标记(grid_4、column_5 等)对我来说它有点像 <span class="red">使文本变红，这与使用内联样式一样糟糕。

无论如何，这只是一个基本设置，网站中还有很多问题尚未纳入此框架。所以，我应该检查什么改进我的框架？ (欢迎使用 HTML5 和 CSS3，请不要使用 Flash :P)

建议

我将在此处列出下面提出的建议，供我查看。

HTML5 Boilerplate

IE 7/8/9.js

Modernizr

Answer 1

我强烈推荐 HTML5 Boilerplate

HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site.

After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.

Boilerplate is not a framework, nor does it prescribe any philosophy of development, it's just got some tricks to get your project off the ground quickly and right-footed.