Daily designer news

Daily designer news

5 responsive frameworks for more productive web design

Posted: 27 May 2013 03:27 PM PDT

If you are not using a CSS framework in your current workflow, you should seriously consider it. To work with a framework, you will of course need to learn how to use it, but once you learned the advantages are quite huge.

Not only working with a framework will let you build websites faster, but it will also encourage you pay more attention to things some web designers overlook, like using a grid, including a print stylesheet, or making your site responsive, among other things. Now let’s take a look at the best and most popular CSS frameworks.

1. Foundation

My personal favorite and weapon of choice. Foundation provides you with a great, flexible grid that can easily be nested. It also focuses on mobile and lets you build sites that are mobile first, then add the stuff for other versions, making the mobile version really optimized and un-cluttered. It also works very well for rapid prototyping, making it a useful tool for more than just designing your site.


2. Gumby

Gumby uses a flexible, customizable, 960px wide grid, a width chosen by many web designers. It also uses SASS, aka Synctactically Awesome StyleSheets, an extension of CSS3 that adds nested rules, variables, mixins, selector inheritance, and more. Finally, Gumby is perfect to create clutter-free responsive site, no unnecessary stylesheet on the tablet version of your site.


3. Bootstrap

Built at Twitter, Bootstrap has become the most popular framework and now powers an impressive number of websites. It is probably the most feature-heavy framework in this list and allows you to build pretty much anything you want. Create fixed or fluid grid-based layout becomes easy, as well as making your designs responsive and mobile-friendly.


4. Unsemantic

Unsemantic is the successor to the 960 grid system. It is built with Sass and Compass, works well for responsive websites and uses Adapt.js. It is also cross-browsers and focuses on SEO by helping search engines determine the most relevant content on a page.


5. Skeleton

Skeleton is more of a development kit than really a framework. It was created for rapid web development, with all the typographic, grid, buttons or form tools you’ll need.


Featured illustrator: Rafael Alvarez

Posted: 27 May 2013 03:24 PM PDT


Rafael Alvarez is an illustrator based in NYC. Personally I’m a very big fan of his editorial illustration work.











Street art in Fort de France, Martinique

Posted: 27 May 2013 03:17 PM PDT


An awesome piece of art that perfectly takes advantage of the context it’s in. It was created by Nuxuno Xän in Fort de France, Martinique. Via Street Art Utopia.

No comments:

Post a Comment


Related Posts Plugin for WordPress, Blogger...