CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
CSS Grid Layout w/ Blueprint CSS
Upcoming SlideShare
Loading in...5
×

CSS Grid Layout w/ Blueprint CSS

3,042
-1

Published on

Steve Hong of CrossComm demonstrates the use of grid design with CSS grid frameworks such as Blueprint CSS and 960gs. Using CSS frameworks can speed up development and make future updating smoother by providing pre-packaged solutions to common problems and processes. Grid frameworks, in particular, can serve as solid systems for website design and layout using standardized column sizes. It's possible to create a tight CSS grid layout without using HTML tables. This presentation is a walkthrough of the design and development process starting with grid-based mockups using tools like MockFlow and Photoshop and then moving on to applying grid frameworks using tools like Boks and other grid generators.

Published in: Design
1 Comment
8 Likes
Statistics
Notes
No Downloads
Views
Total Views
3,042
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
120
Comments
1
Likes
8
Embeds 0
No embeds

No notes for slide
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×