: How to efficiently code a Web site wireframe? If you have in your mind, on paper, or on screen an image of your Web site, how should you go about implementing it? Use Adobe Creative Suite?

@Speyer780

Depends what you mean by "wireframe."

If you want a detailed sketch to show functionality without actually coding, I found Wireframe Sketcher to be a useful intermediate step between "mockup in Adobe product" and "finished CSS/HTML."

If you want a website which actually works, but doesn't have the images, content, or bells and whistles, then just code it like you normally would but use boxes and Lorem Ipsum filler text.

Vote Up Vote Down

@Caterina889

These days, once a wireframe is established I simply use BBEdit and a browser to build the framework.

Image applications - Photoshop, Illustrator, et. al. - are used to create individual elements but it has become increasingly rare to build out an entire page in painting/drawing application and then slice it up. It's far more efficient to simply code in many cases.

Now, I am generalizing to a degree. Much of this depends greatly on the site design. There are some image-intensive sites which need to be graphically created then broken down into proper background images or elements for use in CSS.

Vote Up Vote Down