有人可以推荐一个关于 CSS“设计模式”的优秀在线资源吗?
我知道软件上下文中的设计模式通常指的是基于 OO 的设计模式,但我指的是更广泛意义上的设计模式:即常见问题/任务的通用、干净的解决方案。
这种资源的一个例子是这个桌子设计列表 http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/,这为您提供了有关如何使用一组 CSS 技术使表格看起来漂亮的真正需要了解的一切。
其他可以有很好的解决方案的常见问题的例子包括 div 上的圆角、高度可用的表单布局等。
下面列出了一些解决网页设计模式的网站。他们没有专门提供 HTML 和/或 CSS 来实现所需的结果,但他们确实提供了实时网站的示例,您可以查看源代码上(或者更好的是,使用Firebug http://getfirebug.com/).
UI模式 http://ui-patterns.com/
这可能是这群中最好的。它将事物分解为涵盖网页设计任务范围的类别。您会发现标签云、实时预览和用户注册等类别。这是一个组织良好、非常全面的资源。它解释了每种模式并提供了大量示例。
图案水龙头 http://patterntap.com/
与 UI 模式类似,但目前不那么全面。它采用一种更加社交化的方法来整理设计模式,允许用户创建自己的类别(“用户集”)并用自己选择的网站填充它们。
雅虎设计模式库 http://developer.yahoo.com/ypatterns/
与其他两个不同,这个没有提供很多真实站点的示例。它组织得很好而且相当全面。
设计要素 http://www.smileycat.com/design_elements/
这是一个展示网页设计各种元素的博客。它不讨论模式,但可以作为快速的灵感来源,或者作为开始您自己的分析的手段。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)