cssgirl... web and blog design
23
Feb

How do you code?

POSTED IN: CSS, HTML/XHTML, Web Design

When you work on a new web design project and have entered the stage for coding, how do you go about it?

Do you start with the HTML and write the whole HTML page first, then code your CSS then troubleshoot?
Do you write all of your CSS first, then the HTML markup, then troubleshoot?
Or, do you write chunks of HTML first, add in the styles, troubleshoot/test, repeat?

Personally, I have done it just about all three ways - but my most often used method is the 3rd. I start from the top and work down to the bottom from left to right. I will start and code the entire header of a site in HTML first - then write my styles. Check in firefox, and repeat. Then, after the whole page is completed I check in all browsers to trouble shoot compatability issues - which are usually minimal and related to IE6 only - go figure!

So, how about you?

How do you code?

View Results

Loading ... Loading ...
Share:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • Technorati
  • YahooMyWeb
  • Netvouz
  • DZone
  • ThisNext
  • MisterWong
  • Wists
  • SphereIt
  • Furl
  • blogmarks
  • BlogMemes
  • co.mments
  • Simpy
  • Shadows

Trackback

Comments

Gravatar

I’ve started coding the basic structure of the HTML first, making all the divs and such….and then I head into the CSS. After that it’s fine tuning, jumping between HTML and CSS until it’s done.

Posted by Milo on February 23rd, 2009 at 2:35 pm

comment seperator
Gravatar

I definately code as I go. Add a div, style it, add another item, style it. That way, it’s easier to change some of the html if things don’t work out.

I could see myself putting all my html in place, start on my css and find myself almost at the end of the job, realising smth is fundamentally wrong with my html, having to restart all over…

Posted by Bram Van der Sype on February 23rd, 2009 at 4:18 pm

comment seperator
Gravatar

Combo usually. I’ll get the main structure set, do some basic styling, then kinda go section by section.

Posted by Aaron on February 23rd, 2009 at 5:23 pm

comment seperator
Gravatar

The combo for me too. I’ll usually place all the html for the overall layout and then style just for the layout. I then begin working each section, first setting up the html and then styling that html with css.

I’ve thought of coding all the html first, but I’m too visual and find myself adding some css so the page to be able to see it better.

Posted by Steven Bradley on February 23rd, 2009 at 8:07 pm

comment seperator
Gravatar

Few sub questions -
Do you guys code for Firefox first - then check compatability in other browsers? I have found doing it that way for me greatly increases the cross browser compatibility from the get go, with only very minor IE edits in the end.

When you do the combo method - do you write the CSS for each portion first, or the HTML? Personally I write the HTML first, then add in the styles - but I have done it both ways.

Posted by Lindsey on February 23rd, 2009 at 9:03 pm

comment seperator
Gravatar

I do write entire HTML for the content first. Then css. May be I will have to put some divs or spans for keeping the design.

Posted by Remiz on February 24th, 2009 at 12:26 am

comment seperator
Gravatar

I use to write chunks of HTML first, add in the styles, troubleshoot/test, repeat.
Now I start with the HTML and write the whole HTML page first, then code your CSS then troubleshoot.

I’ve been doing a much better job coding when I mark up the content then handle the presentation.

Posted by Adrian Turner on February 24th, 2009 at 8:51 pm

comment seperator
Gravatar

I start on paper with design then figure what code I’ll need where. I then add xhtml and lasty style it. For me this works out.

Posted by Robert on February 28th, 2009 at 4:42 pm

comment seperator
Gravatar

First rough layout with divs - than a bit css and than starting to make the for and while stuff in php -> there is no straight thing - all the files are opended at the same time - quiet chaotic :)

Posted by kmkg.studio on May 11th, 2009 at 7:59 am

comment seperator
Gravatar

I always start with my “New Project” folder which has an HTML file and CSS files with the basics (resets, typography, typical styling of elements, etc) already setup for what a typical site would need (wrappers, header, body, footer, etc).

It saves a lot of time and doesn’t do a lot, except for the reset, in the way of having to unstyle things but does set it up to save me some a lot of time. If I had to guess, 30min to an hour or more if I had to manually type it everytime.

After that I start creating the markup for the specific design and then styling that portion of the design as I create the markup for it, occasionally checking in the browser to make sure it is all working.

Once I get to the more detailed elements of the design I’ll usually jump into firebug and tweak everything visually to make sure the final touches all go smoothly.

Posted by Dustin Brewer on May 21st, 2009 at 8:51 pm

comment seperator
Gravatar

Побольше б таких штук

Posted by Yorikk on May 28th, 2009 at 7:58 am

comment seperator
Gravatar

не информативно как- то

Posted by Dimmka on May 30th, 2009 at 4:14 pm

comment seperator
Gravatar

Всему написанному ВЕРИТЬ. Читаю, почему не раскрыть этот обзор.

Posted by Закон о защите прав потребителей жкх on August 26th, 2009 at 12:25 pm

comment seperator
Gravatar

В современной экономической ситуации все это рпеобретает несколько иной смысл - весьма смешной я бы сказал

Posted by Закон об обязательном социальном страховании on August 30th, 2009 at 6:35 am

comment seperator
Gravatar

Основная задача Яндекса — давать ответы на вопросы пользователей!

Posted by Olegreze on September 9th, 2009 at 3:47 pm

comment seperator
Gravatar

I’ve started coding the HTML first,and then into the CSS. After that i check in the browsers to see whats wrong with the to visual

Posted by Deny Deyn on September 17th, 2009 at 6:19 pm

comment seperator
Gravatar

It’s almost always an ‘as I go’ process, but to be honest I haven’t done much coding as of late. *Sigh* I’ve been theme girl - I feel so violated just saying that, lol. Some nice themes out these days, though, and I have absolutely no time to do anything. I mean I can’t even add new brushes, let alone a brand new theme!

Posted by Faith on October 2nd, 2009 at 2:13 am

comment seperator
Gravatar

Хе, почему ж вот так? Думаю, как нам расширить этот обзор.

Posted by статьи кзот on October 2nd, 2009 at 9:41 am

comment seperator
Gravatar

Впечатлило, однако!

Posted by Седдор on November 29th, 2009 at 8:43 am

comment seperator

Leave a Reply