CSS Frameworks

CSS frameworks are pre-prepared libraries that are meant to allow for easier, more standards-compliant styling of web pages using the Cascading Style Sheets language.
The Problem of CSS:
1.CSS Rules not working on a dynamic content
2.Not Modular
3.Hard to Extend

Use CSS Frameworks:
1. Responsive web Design.
2. Optimized performance.
3. Cross Browser Compatibility.
4. Minimal CSS to Maintain.

CSS Frameworks:
1. Blueprint :
Blueprint is a CSS framework designed to reduce development time and sure cross-browser compatibility when working with Cascading Style Sheets (CSS). It also serves as a foundation for many tools designed to make CSS development easier and more accessible to beginners. Blueprint is released under a modified version of the MIT License, making it free software.It can be either used as is, or further adapted for use via a compression tool that is written in Ruby.
External Links : http://blueprintcss.org/
(e) Books Free Download : clickhere
(e) Examples: clickhere

2. Bootstrap
Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions.

External Links : http://blueprintcss.org/

(e) Books Free Download : clickhere
(e) Learning : clickhere
(e) Videos : clickhere
(e) Examples : clickhere
(e) More : clickhere

Pure is small set of CSS modules that can be used in any web project. It has tiny footprint. It is developed with mobile in mind and has minimal style which helps you to write your own style on top of it. With wide range of CSS components Pure is one of the strong contender for Responsive CSS Frameworks choices.

External Links : http://purecss.io/
(e) Books Free Download : clickhere
(e) Videos : clickhere
(e) Examples : clickhere

Foundation from Zurb is another great Responsive CSS Frameworks available for front-end development. Zurb has recently released Foundation 5  which I feel is far better than its older version. With new release they have reduced the learning curve of framework and most importantly they have removed the use of zepto.js which I think caused many incompatibilities while integrating with other JS. Now they have included JQuery by default which is good.
External Links : Foundation
(e) Books Free Download : clickhere
(e) Learning : clickhere
(e) More : clickhere

Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles:
1.Responsive Grid Down To Mobile
2.Fast to Start
3.Style Agnostic
External Links : http://www.getskeleton.com/
(e) Books Free Download : clickhere
(e)  Videos : clickhere
(e)Examples : clickhere

Next Post »