Archive | css RSS feed for this section

Design tools and documents for a templated site

24 Feb

On our team, we’re exploring the best process for web design as we work from explorations of flows, into wireframes, finished page designs and on into developed pages. It’s often an iterative process as we refine how pages and interactive elements will interrelate, the best content to include, media and form factors for the content, and how to optimize for user experience. Also, a key objective in the process is to be sure the finished design document relies on the components and css of our templates. We’re a relatively small group, so the more seamless and agile we can make the process of wireframing through design and development, the better. Continue reading

Advertisements

Designing directly in css

9 Jul

Designing a small site recently and attempting not to fall back on the crutch of a single table cell, I was confounded by how to make the whole thing center in the browser window. Apparently this is not such an easy thing to do for others either! I was pleased to see that the solution recommended on the Venture Skills blog was the same one I came to (by trial and error). The whole exercise was made much easier by CSSEdit 2.5 which is fabulous. I could never have done it with Dreamweaver alone. Basically, you can create a page with divs, label content as h1, h2, etc. in Dreamweaver, and then style it with css in CSSEdit. As you style the browser preview updates without refresh needed, and it also helps you to create the css with the correct semantics. It makes it almost possible to design directly in code, without too much reliance on full comps in Photoshop.