Seven mode libraries that help improve your Web development skills

Source: Internet
Author: User

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 )]

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.