5 replies [Last post]
CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 4 years 6 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

Read the following article, then give us your thoughts!
http://24ways.org/2009/make-your-mockup-in-markup

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 4 years 6 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

I first read about this two

I first read about this two years ago in an Andy Clark book. Then it seemed crazy, now is looking more and more like a, somewhat, good idea that warrants further testing. I can see how using the browser to develop is a great idea. Photoshop or Fireworks prototypes dont always look the same in a browser as the client saw them in an image file. The web renders things differently. On the other hand, graphic intensive designs cant be simply edited in a browser either.

So, what I would do is...
1. write the html
2. build a prototype for me to use that the client never lays eyes on.
3. create the graphics in PS. Create additional graphics for things the client might want (buttons, icons, starbursts).
4. show the client you're first idea in the browser. make client presentational requests right there in front of them with firebug for FF, or Firebug Light for Chrome.
5. If the client wants to add extra graphics, you have some with you.

No more prototype back-and-forth until the client is happy. make the changes right then, and save time and money! Its a good idea to build a little toolkit that holds misc graphics and snippets of code you might need during the client meeting on design, or whatever.

I think its a great idea, but will only work if you are an organized person with a good toolkit to work from. My toolkit will include all the new css3 stuff, a nice mixture of RGBA color values, misc graphics, snippets of code, whatever i need to build a website.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 day 3 hours ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9743
Points: 3822

I've been doing this stuff

I've been doing this stuff for coming on ten years, and have never used a mock up image. (OK, so graphic designers will send me psds to slice and dice; I send use them only for guidance, and require separate images in the desired format.) The layout needs are determined more by the purpose and content of the site section, so only colors, images, and widget graphics are needed from the graphic designer. Crayon on paper sketches are the closest thing to a PS prototype for me. All prototyping is done as a web page; html/css/javascript and images.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 4 years 6 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

gary.turner wrote: I've been

gary.turner wrote:

I've been doing this stuff for coming on ten years, and have never used a mock up image.
gary

Ive been doing css for 2 years. Maybe I'm a little late jumping on the wagon. Party

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 2 years 14 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

I tend to get a PSD from

I tend to get a PSD from client.
I look at it in code, not design.
I figure out what will be divs, lists, paragraphs, etc...
Without touching the PSD I code the site as it should be and then take the elements as needed and place them into the CSS.
Only adding additional HTML as required if I underestimated the way something is laid out.

I know you're supposed to "code" before you "design". But I usually just look at a design as it should be coded and alter the PSD if there is something that is just ridiculous.

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 1 week ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

I've just begun the (what

I've just begun the (what will no doubt be a long, drawn-out) process of redesigning my site. I'm starting with reviewing the content and structure of my current site, editing it, and writing any new content that is required. I'll then be marking up the pages and intend on trying designing in the browser - to at least see how I go. I'm keeping lots of notes as I go through the whole process this time and hope to write a post or series about the experience.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference