• [置顶] CSS禅意花园——CSS设计的绝美境界


    CSS禅意花园,早有耳闻,一直没太注意,原来,这是个世界上都非常著名的网站,这个网站,主页只有一个,样式表却有成百上千个,选择不同的样式表,装载到这个页面,就会为我们呈现成百、上千种不同的视觉效果。

    首页如图示,地址是:http://www.csszengarden.com


    CSS禅意花园是一位加拿大设计师Dave Shea于2003年创建的,Dave Shea首先精心设计了一个网页,把这个网页的结构和内容固定下来,为这个网页设计了5个不同主题风格的CSS样式,然后,在网站上发布出来,同时,邀请全世界的设计师们参与这个CSS禅意花园作品的设计。

    这样的设计,大家都可以参与,只要你的样式表作品及图片上传到某个空间,把链接地址提交到禅意花园的网站即可。

    目前,禅意花园收录了1000多个作品,其中,213个作为“官方作品”保存在禅意花园的网站上,其余的作品以链接的方式,链接到禅意花园的目录中。

    主页上有个“Select a Design”栏,里面有8个推荐的作品,点击其中的链接,欣赏8个不同的创意。

    “Archives”栏中有个链接“View All Designs”点击可进入保存在官方网站上的作品列表中,如图示:

    这一列表,共18页213个作品。点击任一作品,都可以在网站上欣赏到这一样式表作品装载到主页上的效果。


    在这一作品列表页中有一个链接“didn’t make the cut”,点击可进入“其它提交的作品”,共11页,1039个作品,如图示:

    这些作品,由于这样或者那样的原因,没有被收录到禅意花园的官方网站上,作品的样式表和图片保存在作者提供的空间中,以链接的形式链到到主页上的,有些链接已经失效了。


    主页上提供了原始的HTML文档和CSS文件下载链接,也提供了我们浏览的作品的样式表下载链接(这些素材包括图片,浏览过后,直接到“Internet临时文件夹”中去拿,更清爽些),我们可以参考学习,也可以随意更改和使用这些CSS作品,只是相关的图片,虽然也有很多人在使用,但版权还是作者的。

    收录在禅意花园上的作品,可以说,都是大师级别的,真诚地希望某一天,也能在这里欣赏到您的大作……

    有两本书主要讲解这个网站上的作品:

    《CSS禅意花园》

    CSDN免积分高速下载地址:http://download.csdn.net/detail/yousuosi/4616353

    《CSS设计彻底研究》

    CSDN免积分高速下载地址:http://download.csdn.net/detail/yousuosi/4612692

    这两本书特色上各有千秋,《CSS禅意花园》主要是偏重于整体的赏析和设计,《CSS设计彻底研究》则注重了一些细节和基础,有兴趣的可以从提供的链接地址下载到电子书和相关的源代码。

  • 相关阅读:
    【Prometheus学习笔记】主机监控 -node_exporter
    【Django学习笔记】-环境搭建
    【Python学习笔记】-虚拟环境virtualenv
    对象存储服务-Minio
    网络流各算法超详细带源码解析
    做题记录节选
    日常
    板刷NOI
    题解 宝石
    题解 矩阵游戏
  • 原文地址:https://www.cnblogs.com/java20130723/p/3211590.html
Copyright © 2020-2023  润新知