On Oct 3, 2014, at 2:54 PM, Tom Livingston <tom...@gmail.com> wrote: > On Thu, Oct 2, 2014 at 8:31 PM, Crest Christopher > <crestchristop...@gmail.com> wrote: >> 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.
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/
