-
1. Re: Gridulator & Variable Grid System
Nancy OShea Feb 9, 2013 11:22 AM (in response to Firemans Run)I don't think it matters which grid you use. IMO you should be working with your CSS & HTML person up front. Much of what you can do in Photoshop may not translate well to the web because the web is an inherently flexible medium. Especially now with all the different device widths people use ranging from mobiles, tablets, laptops, desktops, multi-panel displays, portrait, landscape, etc.. Responsive web design with layouts that adapt to fit various devices is the current movement.
http://www.projectseven.com/products/templates/pagepacks/adaptations/index.htm
Workflow: I use Photoshop for images only. I then drop them into my pre-built CSS Layouts.
Nancy O.
-
2. Re: Gridulator & Variable Grid System
Firemans Run Feb 9, 2013 11:56 AM (in response to Nancy OShea)Hi Nancy,
Thanks for your reply. I'm designing a really simple website, (things that I know can translate to CSS, like a solid rectangle box, for example). I'm using Photoshop
cause it's easier for me to get a visual of the positioning...I'm really picky about that part. With that said, I do want it to be responsive, so that it translates well from
desktops, laptops, and tablets. As long as I put everything into a container, I should be OK, right?
-
3. Re: Gridulator & Variable Grid System
Nancy OShea Feb 9, 2013 12:06 PM (in response to Firemans Run)I'm using Photoshop cause it's easier for me to get a visual of the positioning...I'm really picky about that part.
Just as long as you understand that pixel perfect precision is not possible in web pages unless you build the entire thing as a static image which for obvious reasons won't work.
I do want it to be responsive, so that it translates well from
desktops, laptops, and tablets. As long as I put everything into a container, I should be OK, right?
Not necessarily. If you want an adaptive layout, you'll need to design one for each device width you intend to support. I urge you to read some articles on this subject before you proceed.
Responsive Web Design
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
Introduction to CSS Media Queries
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
CS6 Fluid Grid Layouts (6 min video)
CS6 Fluid Grid layouts (17 min video)
http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/
Step-by-Step tutorial -- Building Fluid Grid Layouts in DW CS6
http://www.adobe.com/inspire/2012/08/fluid-grid-layouts-dreamweaver-cs6.html
Nancy O.
-
4. Re: Gridulator & Variable Grid System
Firemans Run Feb 9, 2013 12:15 PM (in response to Nancy OShea)Thanks for your help!