Blueprint: A CSS Framework

淩亂°似流年 2022-05-15 03:39 171阅读 0赞

好吧我知道现在是Framework满天飞的时代了（咚一个易拉罐飞了过来），什么JAVA,Ruby,PHP之类的Framework早就是习以为常，最近一两年很多的Javascript Framework也因为Web 2.0而火了起来。各种Framekwork让我们（如果你不是开发人员的话，我就不跟你套近乎了。。。）的开发工作容易了很多。作为一个直接网页开发人员，每次新开始一个项目的时候还有一个很大的部分让我头疼，那就是CSS。

要不说程序员的天下就是懒人的天下呢。。。挪威的一个小伙子[Olav Bjorkoy][] 就开发了一个CSS Framework：[Blueprint][] ，虽然CSS不是编程语言，不过有一个蓝本的话开发新项目的时候确实就容易多了。。。

在功能介绍的时候提到了可以做处类似记事本似的横格背景，结果在首页我的IE就看不出效果了。。。在FF下当然可以正常显示。不过对于这种鸡肋功能我实在是有些不屑。。。背景还是做个图好了。。。

点击这里查看用这个框架做的演示网页：[http://bjorkoy.com/blueprint/test.html][http_bjorkoy.com_blueprint_test.html]

这里还有一个简单的教程：[A quick tutorial on Blueprint][]

不管怎么说，有还是比没有强的。。。正好这两天要做个毕业设计的测试项目，就拿他来用用好了。。。

PS:我已经快被万恶的中国电信搞得万念俱灰了。。。你他母亲的干吗这要封那要封的？！本来以为[Blogger.com][] 被封是比较正常的，没想到[WordPress.com][] 也被封！昨天兴冲冲的测试了一下[TypePad.com][] 结果仍然是被封。。。这摆明是逼我要自己Host么。。。好吧，我认哉。。。下个星期把Blog放到自己的服务器上去。。。

========================================

2009-02-16 Update:

BluePrint现在已经有独立的网站了： [http://www.blueprintcss.org/][http_www.blueprintcss.org]

演示页面在这里： [http://www.blueprintcss.org/tests/][http_www.blueprintcss.org_tests]

教程在这里： [http://wiki.github.com/joshuaclayton/blueprint-css/tutorials][http_wiki.github.com_joshuaclayton_blueprint-css_tutorials]   ， 在这里我还找到一个中文的教程： [http://chuanliang2007.spaces.live.com/blog/cns!E5B7AB2851A4C9D2!150.entry?wa=wsignin1.0&sa=204670397][http_chuanliang2007.spaces.live.com_blog_cns_E5B7AB2851A4C9D2_150.entry_wa_wsignin1.0_sa_204670397]

[Olav Bjorkoy]: http://bjorkoy.com/pages/colophon
[Blueprint]: http://bjorkoy.com/blueprint/index.html
[http_bjorkoy.com_blueprint_test.html]: http://bjorkoy.com/blueprint/test.html
[A quick tutorial on Blueprint]: http://bjorkoy.com/blueprint/tutorial.html
[Blogger.com]: http://www.blogger.com/
[WordPress.com]: http://www.wordpress.com/
[TypePad.com]: http://www.typepad.com/
[http_www.blueprintcss.org]: http://www.blueprintcss.org/
[http_www.blueprintcss.org_tests]: http://www.blueprintcss.org/tests/
[http_wiki.github.com_joshuaclayton_blueprint-css_tutorials]: http://wiki.github.com/joshuaclayton/blueprint-css/tutorials
[http_chuanliang2007.spaces.live.com_blog_cns_E5B7AB2851A4C9D2_150.entry_wa_wsignin1.0_sa_204670397]: http://chuanliang2007.spaces.live.com/blog/cns!E5B7AB2851A4C9D2!150.entry?wa=wsignin1.0&sa=204670397