Everything Karl said and more... !

Karl DeSaulniers <mailto:k...@designdrumm.com>
Friday, October 03, 2014 4:06 PM

Ok, I think "I" need to be more specific. I am aware of the hand-off from design to dev.
I want to know how do you translate a grid PSD to html?
What is the formula for adapting to these gutters? Ensuring the correct layout using Bootstrap or the like for example? How do you adapt custom designs to this layout that may or may not fit this "grid"?
Or do all your sites have to look like they were built in Wordpress.. lol.

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com

______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Tom Livingston <mailto:tom...@gmail.com>
Friday, October 03, 2014 3:54 PM
On Thu, Oct 2, 2014 at 8:31 PM, Crest Christopher


I do not use a framework or "official" grid system like 960.gs and
similar. One could argue that my home-grown established starting point
for webpages is a framework of sorts, but I'm not so sure. I call it a
template.

When I get a design to start building, I measure it and recreate the
look and spacing etc as I see best fits the build. So if it's a 2
column layout for example I'll figure out how to code elements that
will create that layout in HTML. Two floats, one main one and a
sidebar, widths based on percentages that will achieve the design. I
always build responsive pages now so that has an impact on how I
recreate a layout in code. This isn't to say "real" frameworks can't
do this, I just never liked what was involved in implementing
frameworks (a lot of classes I don't need, extra css, etc...). I have
crazy tight deadlines, so I need to go with what works for me, with
what I know, and what I can get done in time.


Crest Christopher <mailto:crestchristop...@gmail.com>
Thursday, October 02, 2014 8:31 PM
When using a Grid FrameWork must you keep all the column classes and gutters or that is only needed when designing ?

I don't understand about grids, columns and gutters is if you use a grid template with the columns and gutters within Ps and place your graphics on the grid template, what good does it help ? I mean you still are going to position things where you want them and how you want them and CSS doesn't have a snapping feature that for example means you want a graphic here or there.

Instead have a grid template which you designed your site <http://line25.com/tutorials/create-a-gnarly-snowboarding-themed-web-design> on top, now your ready to build your page, you being to create your div, headers etc, you cut up your graphics and now how do you translate the design from the PSD to your grid, so you get an exact representation of your site whether it's a responsive site or not ?

I understand how a grid works in design, not so much in css because you have gutters, except in design it's a little easier you can essentially snap your graphics and designs in place, there is no code involved.


______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to