分类目录

展开|收起

看你喜欢

(1) (1) (42) (1) (1) (1) (16) (2) (1) (1) (4) (1) (2) (7) (4) (1) (1) (1) (1) (3) (1) (5) (1) (1) (1) (1) (1) (2) (1) (4) (4) (3) (1) (1) (2) (1) (37) (2) (1) (5) (3) (1) (4) (1) (1) (11) (3) (1) (9) (3) (1) (23) (2) (1) (2) (1) (1) (1) (1)

最新精华

CSS禅意花园

学习CSS,早晚会听说这个网站http://www.csszengarden.com/,中文叫作CSS禅意花园,网站首页内容(部分)如下:

“CSS禅意花园”网站的创始人和耕耘者Dave Shea是一位图像设计师,他创立的这个网站获得了很多奖项,包括SouthWest Interactive会议授予的“Best ofShow”。Dave Shea曾在全球的行业大会上发表演讲,其作品被世界各地的书籍和杂志广泛收录。他还是Web标准项目(Web Standards Project,WaSP)的成员,该项目是一个由Web开发人员和设计师组成的小组,致力于推广基于跨平台和标准技术的Web设计。DaveJ~是Web设计机构Bright Creative的拥有者兼总监,其在线出版物mezzoblue.com中所有的Web内容几乎均为Dave所作。

Dave为“CSS禅意花园”网站专门写了一本书,就叫CSS Zen Garden(CSS禅意花园)。全书分为两个主要部分。第1章为第一部分,讨论网站“CSS禅意花园”及其最基本的主题,包含正确的标记结构和灵活性规划等。第二部分包括6章,占据了本书的大部分篇幅。每章剖析“CSS禅意花园”收录的6件设计作品,每章介绍的作品围绕一个主要的设计概念展开,如文字的使用等。通过探索36件设计作品面临的挑战和解决的问题,读者将洞悉主要的Web设计原则以及它们运用的CSS布局技巧,理解CSS设计的精髓,恰当地处理图形和字体来创建界面优美、性能优良且具有强大生命力的网站。原版书自出版以来持续畅销,受到众多网站设计师的推崇。本书适合网站设计人员和网站设计爱好者阅读,更是专业网站设计师必读的经典著作。人民邮电出版社2012年7月出版了该书的修订版:《CSS禅意花园(修订版)》,封面如下:
CSS禅意花园修订版

书中的第一章“追本溯源”详细介绍了“CSS禅意花园”网站的由来。当时(2002年左右)的环境是这样,CSS(Cascading Style Sheet)规范刚刚发布不久,研究CSS的人们主要是程序设计师,这些程序设计师在如何从技术角度使用CSS方面非常精通,但他们的作品却都略显简单乏味,从艺术角度看,实在不敢恭维。而一般的图形设计师艺术造诣不是问题,但却无法掌握使用CSS的精髓,因为当时并没有什么出色的CSS设计作品可供参考。这时,关键人物出现了,就是Dave Shea,他本身就是一位图像设计师,但同时又对WEB设计很感兴趣,也就是说Shea同时具有程序设计和视觉艺术两方面的背景。于是他就产生了这样的想法:如果有一个网站,集合了大量的优秀CSS设计该多好啊。就这样,Shea在内心播下了禅意花园的种子(2002年底),2003年5月,禅意花园的构思终于成熟,种子发芽了,Shea发布了他的个人站点www.mezzoblue.com,很快又转到了现在的域名之上:http://www.csszengarden.com。几天之内,陆续有用户开始提交他们的设计:在站点发布的第一周里,每天就有成千上万个访问者到来。认为还志愿将禅意花园翻译成数十种语言,很明显,禅意花园的出现满足了人们压抑已久的对CSS设计方面的需求,这在当时没有任何其他网站能够做到。

自发布以来,禅意花园已经出现在全球范围内的数十种杂志、图书中,巩固了它在WEB设计历史上独一无二的地位。禅意花园规定了一个基本的HTML文件(结构和内容不可改动),然后设计师提交自己的CSS设计来实现HTML内容极具艺术魅力的展示,目前网站已收录了200多个作品,几乎覆盖了WEB布局设计中的所有方面。

  • 若是某位设计师正在被一个布局问题所困扰,那么现在他就有了寻求帮助的地方——禅意花园有数百个不同的设计,他所遇到的问题很有可能已经被别人解决了
  • 当你感觉江郎才尽,灵感枯竭的时候,来禅意花园逛逛,说不定灵感就会出现
  • 禅意花园也不断出现新的页面布局技术以及CSS效果,与时俱进,我们有机会在数百个作品中找到一些新奇的东西
  打分:5.0/5 (共1人投票)
(浏览总计: 283 次)
Add Comment Register



发表回复

  

  

  

您可以使用这些HTML标签

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>