Some Cool Front End Design Frameworks
Friday, 14 March 2014
Some people love web design and some people just don't.
Trying to make sure that this div and that div are correctly aligned, while taking up 33.3% of the screen width, can take a while if you're not a CSS guru and have never worked with it before.
Then once you've been through the pain of making your site look decent, you check your design in FireFox and things aren't as good as what they looked like in chrome...
If you don't want to spend too much time on designing your site you can use a design framework to help you get started quickly.
You can think of a framework as a collection of Lego blocks which have been pieced together, and can be built upon, to act as a support or guide to building something useful. So you could say a Front End Framework is a collection of blocks put together to help with designing websites. In Web Design these blocks will usually be CSS stylesheets and Java script files, which when used will help give any site a decent look and feel , straight out of the box.
Using a design framework has its benefits, including:
- Saves Time - You can quickly get a site up and running as most frameworks will have predefined styles included, so you will not have to spend much time working on a design
- Good for learning - If you aren't good with CSS or don't know much, using a design framework can serve as learning tool. If you dig into the components of the framework, you should learn some things..
- Handles cross browser & device compatibility through Responsive Design - Responsive design is an approach that suggests that sites should respond to the user's needs and device capabilities. This is achieved through the use of things like CSS Media queries, which apply different styles depending on the browser window size, and relative sizing and positioning rather than fixed. Most frameworks available today are resopnsive.
There are many different kinds of frameworks available, some may just provide a grid system for positioning elements on a page, while others go as far as providing a style for buttons and list elements.
Here are some cool ones I have played with: