代码之家 › 专栏 › 技术社区 › Stephan Muller

html/css框架,我绝对不能错过什么?[关闭]

frameworks css html

Stephan Muller · 技术社区 · 14 年前

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

CSS框架

-我用的是埃里克·迈耶的那个,www.meyerweb.com。
排版.css -网站的所有主要版式样式(从 blueprintcss.org )
-基本表单样式(从蓝图css.org)
线框.css -在这里,我为一列、两列和三列以及页眉和页脚设置了线框。我用了 Holy Grail

基本技术

我有一些制作前的技巧,可以在任何网站上重复使用:

Suckerfish 下拉菜单 -不同版本的水平和垂直
Sliding Doors 标签 -尽管我尽量使用CSS3

脚本

-我尽量少用它(也就是说,如果手头有css解决方案,比如suckrfish下拉菜单和jQ菜单)

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

尚未调查

到目前为止,我还没有使用css和js迷你器,但可能会很有趣。另外,目前我将上面提到的5个css文件包含在主.css使用@import,也许我应该在上传之前让它们自动合并?

当然还有CSS网格系统。我从来没有掌握这些技巧,但也许我应该再试一次。我知道960网格是非常流行的,但是我不确定我是否想使用纯粹用于标记的类(网格4、列5等等),对我来说这有点像 <span class="red">

无论如何,这只是一个基本的设置,还有很多问题,在网站还没有纳入这个框架。所以, 改进我的框架?(欢迎使用HTML5和CSS3,请不要使用flash:P)

建议

我会在这里列出下面的建议,我会检查一下。

10 回复 | 直到 14 年前

damusnet 14 年前

我强烈推荐 HTML5 Boilerplate

HTML5样板是最专业的一个快速,健壮,经得起未来考验的网站。

经过两年多的反复试验最佳实践:跨浏览器比如跨域ajax和flash。A starter apache.htaccess配置文件将eff与缓存连接起来规则和准备你的网站服务 HTML5视频,使用@font face,并获取你的gzip拉链。

它规定了什么哲学发展,只是有一些技巧把你的计划付诸实施快速右脚。

Alex 14 年前

你能做的最好的事情就是使用它。这是唯一的方法,你真的要建立一个框架,做你需要的一切。毕竟,在你真正需要它之前,你并不知道它需要什么。

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

Community CDub 8 年前

如果您正在研究迷你程序,您可能愿意在测试和部署之前通过某种构建脚本来运行代码。如果是这样的话,我建议你为你的css寻找更少的信息: http://lesscss.org/docs

少就是纯粹的敬畏。

This post 有点把这个想法发挥到了极致,但它可能会给你一些想法。

出于好奇,您使用的服务器端语言是什么?

TuomasR 14 年前

放下吸盘鱼。

随着纯触摸设备(手机、平板电脑)数量的不断增长,使用基于悬停的UI元素只会激怒用户。

Stephan Muller 14 年前

我不敢相信我忘了(而且没人提过) fontsquirrel . 我已经用它嵌入了一些字体,现在它真的像一个魅力工程。

Stephen Way 14 年前

从性能的角度来看,我会使用 Compass 和 SASS 与内置 BlueprintCSS

Ashit Vora 14 年前

既然已经有这么多了,为什么还要再创造一个呢。

Rajeev 14 年前

我同意亚历克斯的观点,你应该先用它,这样可以确保它拥有你想要的一切,

准备好后通知我;)

Casey 14 年前

在我看来,blueprintcss网格技术比960gs更好。关于960,我不喜欢的是,柱子之间的排水沟是由每根柱子左右两侧的两个“半排水沟”组成的。这很奇怪,你的布局的左右两边都有半个排水沟。

Kyle 14 年前

还有 CSS browser selector jQuery插件。这在CSS中使用了一些简单的选择器来告诉哪个浏览器要做什么:

.ie .myClass
{
   background-color: #f00;
}

.ff .myClass
{
   background-color: #00f;
}

我在我的网站上使用它,这是一个比CSS黑客或条件评论更好的解决方案。