有助于提高你的 Web 开发技能的7个模式库-阿里云开发者社区

开发者社区> 开发与运维> 正文

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

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

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

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

您可能感兴趣的相关文章

  

Google HTML & CSS Style Guide

7 Pattern Libraries That Will Help Improve Your Web Development Skills

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

 

Yahoo Pattern Library

7 Pattern Libraries That Will Help Improve Your Web Development Skills

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

 

A List Apart Pattern Library

7 Pattern Libraries That Will Help Improve Your Web Development Skills

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

 

Responsive Web Design Patterns

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

 

Interaction Design Pattern Library – Welie.com

7 Pattern Libraries That Will Help Improve Your Web Development Skills

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

 

MailChimp Pattern Library

7 Pattern Libraries That Will Help Improve Your Web Development Skills

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

 

Starbucks Style Guide

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

 

您可能感兴趣的相关文章

 

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

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

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章