{"authorId":"1","title":"Web Design \/ Development Process","slug":"web-design-development-process","postDate":1171403010,"expiryDate":null,"enabled":"1","fields":{"2":"<p>What are the steps that you go through when making a web site?<\/p>\n\n<p>Are you adding a lot of extra <code>&lt;div><\/code> and <code>&lt;span><\/code> tags? Do you have way too many classes?<\/p>\n\n<p>Maybe you should reconsider your process.<\/p>\n<!--more-->\n<p>The process that I have found effective, is exactly what I am doing with this site:<\/p>\n\n<ol>\n<li>Create the markup for everything.<\/li>\n<li>Add divs that make sense, i.e. header, content, footer.<\/li>\n<li>Go in and implement the design adding the necessary divs and classes.<\/li>\n<\/ol>\n\n<p>Your markup will become much less bloated, and you will have less non-semantic elements. Sure you may have to add a couple of extra <code>&lt;div><\/code> tags to add those rounded corners, but its better to add those after you have the structure in place.<\/p>\n\n<p>While I could easily come up with a design for this site, I really am not as creative as my sister is. That is why I have tasked her with coming up with a logo and a design for my site. Then when it is time for her to build her online portfolio, I will help her to implement the site.<\/p>\n\n<p>How can you improve your design \/ development process? Can you improve mine?<\/p>\n\n<p>Share your methods.<\/p>","14":{"old_id":{}}}}