Grow your CSS skills. Land your dream job.

Workflows

  • .V1
    # June 26, 2008 at 3:22 pm

    We are all different coders, with different idea’s on the perfect work flow, there are many types of workflows but I thought it would be a nice idea to focus on the work flow when U are going to start a new website.

    What do u do, what do u start with, is there a reason why u do it like that? What is the most efficient way, and what is the fasted way.

    Ill fire off with my work flow that. I have a design ready to be coding.
    I open my favorite web development program, set up a new ftp account. I don’t like using 1 ftp account, it gives to much folder clutter, i like empty roots. When I’m done with that i create my basic files and folders. This will usually be:

    index.html / php

    folder:
    css – main.css – reset.css
    includes – javascript library of choice, in my case Adobe Spry.
    images – none yet.

    That open up my index file Add the basic html markup html body doctypes etc.
    Now when I’m done with that, im going to look at my design and start on the markup. I make a complete basic naked skeleton for the website no css, just basic div’s li’s hrefs etc. This way, when I’m done with it I can see how the content is placed when people have css disabled (such as bots).

    When I’m done with that I’m going to start on the CSS, implement the reset, do the body and the default css such as fonts etc.

    Than work my way from top to bottom, header container content sidebar footer. I do not pre slice my layouts. I cut them when I need them so i can decide what I need and what is best for the markup.

    Than i move down the the scripting and other browser debugging. and done. I could type a more detailed post about this, but i just got this inspiration while i was working on my new blog design. =p

    So now I have spilled my beans, and I wonder how U guys start up :)

    # June 26, 2008 at 3:31 pm

    The exact same way, only with the addition of php at the end :o

    # June 26, 2008 at 11:58 pm

    The design part is huge part of this and it often takes me several times longer to finish that part than to actually code it up.

    But assuming that part is done, my process is very similar. I have a little folder I call "BASE" that I copy which is just a folder structure and some basic CSS and HTML files. I’d like to say I "write the HTML first" and then start marking it up and adding javascript, but I think we all know it doesn’t work that linearly. I do think in terms of markup first, but I’m always bouncing back and forth between HTML files and CSS files the entire time.

    I should also say I develop in FF, and the end of the process is usually cross-browser testing.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".