Menu

Category Archives: Grid

The CSS Grid Layout Module — Flexible Structures for Content

The CSS Grid Layout Module — Flexible Structures for Content 

Excerpt of the ori­gin­al art­icle.

«I often sug­gest that design­ing with a grid is a good idea. Devel­op­ing them in html and css some­times feels like a hack, though. Developers cer­tainly build grids for use online and there are a vari­ety of frame­works you can use that do the work for you. Still, wouldn’t it be nice to have some nat­ive css for cre­at­ing grids? »

Read more on

→ vanseodesign.com

17 New Best Responsive Frameworks17 New Best Responsive Frameworks

17 New Best Responsive Frameworks 

Excerpt of the ori­gin­al art­icle.

«To all web developers and design­ers, there are vari­ous resources that they can use while estab­lish­ing a new web­site. One of which is frame­works, defined as a uni­ver­sal or reg­u­lated array of cri­ter­ia, con­cepts, and prac­tices to address the typ­ic­al prob­lems. »

Read more on

→ smashinghub.com

13 Best Responsive CSS Grid Systems for Your Web Designs

13 Best Responsive CSS Grid Systems for Your Web Designs 

Excerpt of the ori­gin­al art­icle.

«When it comes to CSS grid sys­tems there’s a lot to choose from. Here are my top picks for open source, free CSS respons­ive grid sys­tems. »

Read more on

→ designinstruct.com

75+ Examples of Grid-Based Website Designs

75+ Examples of Grid-Based Website Designs 

Excerpt of the ori­gin­al art­icle.

«One of the web design trends I have fol­lowed on the interest over the last couple of years, is the grid-based lay­out. A design style that gained ser­i­ous pop­ular­ity and espe­cially works well for mobile ready respons­ive lay­outs. »

Read more on

→ tripwiremagazine.com

Grid Construction — How To Choose Constraints From Within Your Content

Grid Construction — How To Choose Constraints From Within Your Content 

Excerpt of the ori­gin­al art­icle.

«The bene­fits of using a grid are easy to see, but how do you build them? The divi­sions of unit, field, column, gut­ter, and row are based on some­thing, but what? Where exactly does this some­thing come from? »

Read more on

→ vanseodesign.com

iOS Grid System, A Free Extension For Adobe Fireworks

iOS Grid System, A Free Extension For Adobe Fireworks 

Excerpt of the ori­gin­al art­icle.

«I’ll come right out and say it. I think the grid is the unsung hero of a good design. It gives struc­ture and lets the design fall per­fectly into place on the can­vas. With a grid, adapt­ing and build­ing some­thing new into your design is easy. »

Read more on

→ fireworks.smashingmagazine.com

Extra Strength Responsive Grids

Extra Strength Responsive Grids 

Excerpt of the ori­gin­al art­icle.

«Extra Strength Respons­ive Grids are per­cent­age-based, for smooth, non-snappy width adjust­ments. »

View the pro­ject on Git­hub→ dfcb.github.com
Demo on → dfcb.github.com

What’s new for designers, February 2013

What’s new for designers, February 2013 

Excerpt of the ori­gin­al art­icle.

«The Feb­ru­ary edi­tion of what’s new for web design­ers and developers includes new web apps, jQuery plu­gins and JavaS­cript resources, pro­ductiv­ity and pro­ject man­age­ment tools, CMS’s, CSS and HTML frame­works, web devel­op­ment tools, and some really great new fonts. »

Read more on

→ webdesignerdepot.com

Grid-​​Based Layouts 101

Grid-​​Based Layouts 101 

Excerpt of the ori­gin­al art­icle.

«Learn­ing and under­stand­ing how to build a lay­out is one of the hard­est aspects of visu­al design to mas­ter. Many design­ers have trouble grasp­ing the concept of align­ment and how to use grids to make their designs bal­anced and prin­cipled. »

Read more on

→ designfestival.com

Our 50 Favorite Web Development Resources from 2012

Our 50 Favorite Web Development Resources from 2012 

Excerpt of the ori­gin­al art­icle.

«Let’s keep it simple: last year, we did a roundup of 50 of the most use­ful resources for web developers. Today, we bring to you the 2012 edi­tion, but only bet­ter. »

Read more on

→ speckyboy.com