html - css 'design patterns' 有什么好的在线资源?

标签 html css design-patterns xhtml

<分区>

谁能推荐一个很好的 CSS“设计模式”在线资源?

我知道软件环境中的设计模式通常指的是基于 OO 的设计模式,但我指的是广义上的设计模式:即针对常见问题/任务的通用、干净的解决方案。

此类资源的示例是 this list of table designs ,这为您提供了所有您真正需要了解的有关如何使用一组 CSS 技术使表格看起来漂亮的信息。

其他可能有很好的解决方案的常见问题示例包括 div 上的圆 Angular 、高度可用的表单布局等。

最佳答案

下面列出了一些解决网页设计模式的网站。他们没有专门提供 HTML 和/或 CSS 来实现预期的结果,但他们确实提供了您可以查看源代码(或者,更好的是,使用Firebug)的实时网站示例。 ).

UI-patterns

这可能是最好的。它将事物分解为涵盖网页设计任务范围的类别。您会发现标签云、实时预览和用户注册等类别。这是一个非常全面的资源,组织得很好。它解释了每种模式并提供了大量示例。

Pattern Tap

与 UI-Patterns 类似,但目前不那么全面。它通过允许用户创建自己的类别(“用户集”)并使用他们自己选择的站点来填充它们,从而采用更具社交性的方法来整理设计模式。

Yahoo Design Pattern Library

与其他两个不同,这个没有提供很多真实站点的示例。它组织良好且非常全面。

Elements of Design

这是一个展示网页设计各种元素的博客。它不讨论模式,但可以作为灵感的快速来源,或作为开始您自己的分析的一种方式。

关于html - css 'design patterns' 有什么好的在线资源?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35615/

相关文章:

c# - 这是设计模式吗?

solr - 在使用 nutch 和 solr 抓取或索引期间从 html 中删除菜单

php - 数据库查询,根据可更改的选择设置输入元素的值

css - 主页上的不同 CSS

javascript - 收藏页面上的色样 I Shopify

Java 枚举强制字段的唯一性

javascript - 使用 jquery 根据隐藏字段值删除隐藏字段

javascript - 识别跨浏览器的元素

html - 以从下到上的方式渲染无序列表

javascript - Nivoslider : change width and height of slider afterwards