Use frontend framework Foundation 4 to simplify responsive design and development

 

 

Foundation is a set of widely used front-end development kits that can help your website quickly. Recently, ZURB released a new version of the Foundation 4 front-end framework to help you quickly develop responsive websites.

 

Similar to another well-known front-end framework BootStrap, Foundation also provides a set of HTML/CSS templates to help you quickly build website foundations, including layout, components, fonts, form elements and other commonly used page elements.

There are three ways to use Foundation:

Download the compressed version of CSS directly and customize the part you need

Customize compilation to generate the elements you need

Use the SASS version of the Foundation to customize code

The most powerful part of Foundation4 is the effective integration of SASS. You can use the Mixins concept in SASS to simplify development. This makes the use of components more simple and convenient.

Note that the new mobile implementation method does not support media queries, so it may affect the experience on IE8. If you need to support IE8, here is a modified version of Foundation 4 that supports IE8.

Since Foundation4 is significantly different from the previous Foundation3 design, ZURB plans to continue to support Foundation3 for a while.

If you have any questions about the new version of the Foundation, please refer to the official documentation or the relevant code in Github. You need to know that the Foundation is one of the top 20 star-level projects in Github. I believe that choosing it will not disappoint you!

Via geek tag

Source: Use frontend framework Foundation 4 to help simplify responsive design and development

Date: 2013-3-12 Source: GBin1.com