> 웹 프론트엔드 > HTML 튜토리얼 > 有助于提高你的 Web 开发技能的7个模式库_html/css_WEB-ITnose

有助于提高你的 Web 开发技能的7个模式库_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:05:45
원래의
952명이 탐색했습니다.

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

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

  

Google HTML & CSS Style Guide

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

 

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 公司网站的风格指南,包括网格框架的使用、布局和组件的使用等等。

 

 

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿