有助于提高你的 Web 开发技能的7个模式库

　　正如语言风格指南一样，模式库有两个主要用途。首先，是它们提供了一组编码或设计标准，Web 开发团队可以在整个网站中应用，有助于保持一致的编码实践和外观；其次，对于要学习网页设计最佳实践来说是宝贵的财富。

　　在本文中，我想与大家分享7个网页设计风格指南和模式库，这些都是 Web 设计和开发过程中的最佳实践经验，值得借鉴。

• 2013年最受欢迎的10篇前端开发博文
• 35个让人惊讶的 CSS3 动画效果演示
• 8个惊艳的 HTML5 和 javaScript 特效
• 2014年最值得关注的网页设计流行趋势
• 小伙伴们惊呆了！8个超炫的 Web 效果

Google HTML & CSS Style Guide

首先给大家推荐的是 Google 公司的编码建议，告诉开发人员应该怎么写和格式化 HTML 和 CSS 代码。如果你是一个新手，它是一个有益的开端，帮助您培养良好的编码风格。

Yahoo Pattern Library

这个是一个真正的设计模式库，正因为如此，它试图提供解决方案来解决所有网页设计师将碰到的问题，包括雅虎的设计师来处理导航，交互和布局。

A List Apart Pattern Library

A List Apart 可能是最知名的网页设计博客。他们最近发布了他们自己的模式库作为努力开源他们的网站的一部分。该模式库包括该网站设计上的解决方案以及 HTML 代码片段的问题。

Responsive Web Design Patterns

这是一个响应式设计的模式库，你可以从中学会响应式设计的细节，它涵盖了从布局到简单易懂的示例图像。

Interaction Design Pattern Library – Welie.com

这个网站的设计虽然老旧，但它确实提供了众多的设计模式的资料。这是我见到的最全面的模式库，涉及了设计者将面临的每一种情况。

MailChimp Pattern Library

MailChimp 模式库是作者在创建响应式，灵活，直观的应用程序过程中的副产品。不断迭代既需要一个高效的工作流程和明确的，可以快速集成新的用户界面，而不必增加新的技术或者设计原子元素的集合。

Starbucks Style Guide

最后登场的是 Starbucks 公司网站的风格指南，包括网格框架的使用、布局和组件的使用等等。

• 期待已久的2013年度最佳 jQuery 插件揭晓
• 赞！10套精美的免费网站后台管理系统模板
• 10大流行的 Metro UI 风格 Bootstrap 主题
• 推荐35款精致的 CSS3 和 HTML5 网页模板
• 精选12款优秀 jQuery Ajax 分页插件和教程

本文链接：有助于提高你的 Web 开发技能的7个模式库

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源