HTML+CSS入门之CSS库-职坐标

HTML+CSS入门之CSS库

沉沙 2018-11-23 来源：阅读 1286 评论 0

摘要：本篇教程介绍了HTML+CSS入门之CSS库，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

本篇教程介绍了HTML+CSS入门之CSS库，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

做设计的时候总是容易没有灵感。到CSS库去看看别人做得设计也许会帮你找到不少灵感。如果你的设计足够优秀让这些CSS库收录的话，那么这还会为你带来很多访问者。

    c***emix 发现的一个国外CSS标准网站收集站点.
    cssBeauty CSS design showcase.
    csselite 是一个CSS优秀团队，在这里你能欣赏到精彩的CSS作品。
    www.sanyajl.com 一个收集符合Web标准布局的网站
    //www.cssheaven.com/ 我发给大家一个好的CSS网站(很多)
    //www.yanuoda.com
    //www.csscool.cn 国内的一个专门收集和整理符合Web标准的网站，含技术教程
    40 CSS Layouts 40个CSS布局实例及源码下载
    Background Image Maker Create slash, strip, dot, gradation type background with few button clicks.
    CSS Creator Layout generator.
    CSS Optimiser Optimize your style sheet online.
    CSS Photo Gallery  Cross browser multi-page photo gallery.
    CSS Table Gallery Showcase of CSS design for tabular data.
    CSS Tweak  Web based CSS tweaker.
    Nifty Corners Cube Creates rounded corners without images.
    Printing CSS background images Solution for printing CSS background images.

    Css help pile   Links and Discussion About the Best CSS Resources Available on the Web.
    www.meyerweb.com 埃里克迈尔的站点
    www.tanfa.co.uk 克莱尔坎伯的站点
    www.designdetector.com 克里斯 Hester 的设计探测器
    www.cssbeauty.com CSS 设计陈列室
    cssvault 保罗Scrivens - CSS 地下室
    www.csscreator.com 最佳的CSS 论坛
    www.mezzoblue.com 戴维 Shea的最优秀的站点
    www.positioniseverything.net 大约翰和Holly Bergevin的站点
    www.oswd.org 贾森?D. Collins的公开源码网页设计
    Stylegala
    Web Creme Web design inspiration.
    Unmatched Style CSS gallery and website design inspiration.
    Stylegala Another nice CSS gallery.
    CSS Zengarden Good place to get inspired and learn other people's skills.
    CSS Thesis Showcase websites created with CSS.
    CSS Remix CSS gallery.
    CSS Nightingale CSS gallery.
    CSS Mania  Screen shots of beautifully done websites.
    CSS Drive
    css thesis
    Styleboost
    CSS intensivstation
    CSSElite  Simple and straigh to the point gallery.
    CSS Import The CSS Gallery.
    CSS Mania
    DesignShack
    CssPlay   一位60多岁的CSS专家的个人网站.页面风格清新,当然更关键的是他的代码写得好.甚称高手的.想起国内的电脑行业大多是些年青人在做,而且不断听到传言说这行当也就是吃青春饭的,黯然一下...通过这个网站,我觉得还是给了小辈们信心的...我想,这行应该是可以做一辈子的事业.
    CSS Mastery Latest CSS tips, tricks, techniques.
    Unmatchedstyle


    Web标准
    遵守Web标准来编写代码会使你的代码干净而且有对搜索引擎有良好的亲和度。一个可以用100行代码就搞定的代码，为什么一定要把他搞成1001行呢？

    Developing With Web Standards - 这篇文档介绍了如何在Web标准下省时省力的构建你的站点，同时还能带来良好的用户体验。另外还介绍了一些技巧教会你如何提升网站的质量以及流量。
    Roadmap to Standards
    Web Standards Project
    Web Standards Checklist
    Importance of Web Standards
    验证器
    在你明白什么是Web标准以后，下面两个小工具可以帮你测试你的站点是否符合标准。

    HTML & XHTML Validator
    CSS Validator
    易用性
    易用性也许是网站设计中最关键的因素之一。良好的设计不但会带来良好的用户体验，而且会提升你的站点的网站转换律

    What is usability
    Usability First - 叙述网站易用性的重要程度
    Weblog Usability: The Top Ten Design Mistakes - Blog往往不是很注重网站的易用性，这使得Blogger很难获得新的读者以及忠实的读者
    Web Design & Usability Guidelines -这本在线的教程一共分成了18章，它将教你如何设计优秀易用的网站
    Web usability - the basics
    The Culture of Usability - 如何使用最小的花销却从易用性中得到更多-测试程序.
    90% of All Usability Testing is Useless
    Ten deadly sins of web design -网站设计中10个易犯的大错
    Information architecture resources
    Usability Views
    博客/资源
    Blog上有大量即时更新的关于设计以及易用性的资讯。下面这个列表中的blog推荐订阅哦。

    Stopdesign
    Signal vs. Noise Blog - 37signals的blog，关注网站设计以及易用性
    Digital Web Magazine - Digital Web Magazine 是一个面向专业网站设计人员，开发人员以及信息构架师的在线杂志。
    A List Apart - A List Apart 基于Web标准的基础上以特殊的视角关注以下几个方面的最佳实践：设计，开发，网站内容。
    456 Berea Street - Roger Johansson 的站点，他经常写一些关于web 标准，可访问性以及易用性的文章
    mezzoblue
    Adaptive Path
    Jesse James Garrett - Adaptive Path创始人的blog.
    Jeffrey Veen
    Your Total Site - YourTotalSite中包含了很多内容，比如易用性, 可访问性, 视觉设计,在线市场, (X)HTML & CSS, JavaScript, 内容构架等等
    IxDG Resource Library - 有很多交互设计方面的东东
    Apples to oranges - Ryan Nichols的blog.
    Demystifying Usability - Frank Spillers的blog,他是一个网站易用性方面的顾问
    配色
    配色在设计中显得非常的关键。良好的配色不但能够将你的网站和竞争对手的站点开来，而且还能向你的访问者传递一些特殊的信息。如果你提供的是个人服务的话，你可以选择柔和一点的颜色，如果是为某个组织的网站的话，就应该选择厚实一些的颜色。下面的这些资源可以帮助你做出一些配色上的决定。

    Color Schemer - 在线配色(感谢Beach提醒链接错误)
    Color Meaning - 一篇解释不同颜色的象征以及意义的文章
    The Meaning of Color in Web Design - 在网络营销中颜色如何影响访问者
    Symbolism of Color
    Color Matters - 探索如何用颜色是去影响情绪, 食欲, 性欲, 性欲, 涉及, 以及艺术.
    排版
    有很多字体可供选择，合理的使用它们会得到很好的效果。

    1001 Free Fonts - 收集了Windows 以及 Macintosh下的很多True-type字体
    The Anatomy of Web Fonts
    Typetester - Typetester 提供了一个在线的应用可以让你比较各种字体的效果，有了它网页设计者的工作轻松多了