Just like the language style guide, the mode library has two main purposes. First, they provide a set of coding or design standards,WebThe development team can apply the Code on the entire website to help maintain consistent coding practices and appearances. Second, it is a valuable asset to learn the best web design practices.
In this article, I would like to share with you seven Web design style guides and pattern libraries. These are the best practices in the Web design and development process and are worth learning.
Articles you may be interested in
- 10 Most Popular Front-end development blog posts in 2013
- 35 amazing CSS3 animation demos
- 8 amazing HTML5 and JavaScript Effects
- The most popular Web Design Trends in 2014
- My friends are stunned! 8 superb Web effects
Google HTML & CSS Style Guide
First, I would like to recommend Google's coding recommendations, and tell developers how to write and format them.HTMLAndCSSCode. If you are a newbie, It is a helpful start to help you develop a good coding style.
Yahoo Pattern Library
This is a real library of design patterns. As a result, it tries to provide a solution to solve all the problems that web designers will encounter, including yahoo designers, to handle navigation, interaction, and layout.
A List Apart Pattern Library
A List Apart may be the most well-known webpage design blog. They recently released their own model library as part of their efforts to open up their website. This mode library includes the solutions designed for the website andHTMLCode snippets.
Responsive Web Design Patterns
This is a responsive Design Pattern Library from which you can learn the details of responsive design, covering sample images from layout to simplicity.
Interaction Design Pattern Library-Welie.com
Although the design of this website is old, it does provide a large number of design patterns. This is the most comprehensive model library I have seen, covering every situation that designers will face.
MailChimp Pattern Library
The MailChimp mode library is a by-product in the process of creating responsive, flexible, and intuitive applications. Continuous iteration requires an efficient workflow and a clear process to quickly integrate new user interfaces without adding new technologies or designing a set of atomic elements.
Starbucks Style Guide
The Style Guide of the Starbucks website was launched, including the use of grid frameworks, layout and component usage.
Articles you may be interested in
- The long-awaited release of the best jQuery plug-in 2013
- Like! 10 sets of exquisite free website background management system templates
- 10 popular topic Bootstrap in Metro UI Style
- 35 exquisite CSS3 and HTML5 webpage templates are recommended
- Select 12 excellent jQuery Ajax paging plug-ins and tutorials
Link to this article: Seven mode libraries that help improve your Web development skills
Source: Dream sky ◆ focus on front-end development technology ◆ share web design resources
This article from [dream sky (http://www.cnblogs.com/lhb25 )]