How to make custom CSS grid framework for custom widths? In my company i get design (PSD) in different sizes in width site like 900px, 920 px, 915px, 973 px etc. and different gutter sizes like 10 px on right, 20 px on left etc. in this type of condition how can i use and take benefir of grid based framework
+5
A:
http://www.gridsystemgenerator.com/
This will generate the CSS based on the values defined in the form.
dr. squid
2009-10-28 08:32:18
u didn't get my question .I mean in grid framework we use fixed width or gutter and spacing between items
metal-gear-solid
2009-10-28 15:37:00
In my company i get design (PSD) in different sizes in width site like 900px, 920 px, 915px, 973 px etc. and different gutter sizes like 10 px on right, 20 px on left etc. in this type of condition how can i use and take benefir of grid based framework
metal-gear-solid
2009-10-28 15:42:52
So maybe you could rephrase your question so that we understand what kind of answer you are expecting?!
dr. squid
2009-10-28 16:11:19
We can only use if we yourself make design (according to proportions) if we are not designer of PSD then in most cases we can't use CSS grid based framework.?
metal-gear-solid
2009-10-29 10:15:08
Did you go to Squid's link, Jitendra? It will make grid based on whatever your PSD dimensions are.
DA
2009-10-29 17:57:04
Also, this is really more of a workflow issue. Visual Design and Production can't exist in separate vacuums. If it make sense to use a CSS grid, the visual designers should be incorporating that into their methodology.
DA
2009-10-29 17:58:17
A:
You could also use http://www.960.gs. There are a number of online options to create a grid system. Its pretty simple!
GaryDevenay
2009-10-28 08:58:49
A:
If your widths and gutters are arbitrary sizes, you can't use one grid system for them all.
To create a different grid system for each design, there needs to be a common divisor between the widths - which is what the link provided by dr.squid does - but with widths such as 973, you'll struggle.
adam
2009-10-29 17:52:35
thx u got my question in this type of condition can we mke custom reusable css grid framework?
metal-gear-solid
2009-10-29 18:27:59
+2
A:
Everybody seems to have missed the point: if your gutters are not regular, then you can't use a grid system. You just create custom classes for each column and use them as needed. The grid systems use regular gutters so you can stack them (the columns) in a any order you like.
-- Jason
Jason
2009-11-24 23:44:44