Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Sep 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    What is the best approach for PSD to HTML/CSS coding?

    Hi,

    I would like to now what the best approach is.

    I know the how, I would just like to know what the most efficient way.

    Do you do any planning or just get to it?

    Write comments first?

    If you were doing this during your review, how would your supervisor expect you to approach it?

  • #2
    Regular Coder
    Join Date
    Dec 2010
    Posts
    134
    Thanks
    17
    Thanked 6 Times in 6 Posts
    I draw out the divs on a piece of paper, helps me map the site from the PSD.

    Then start splicing if you NEED images, most can be done in CSS nowadays. Then get the old marque tool and get the sizes of the divs you mapped out and code away.

    My process, no two people have the same.

  • #3
    Regular Coder
    Join Date
    Jun 2011
    Location
    CA
    Posts
    105
    Thanks
    0
    Thanked 10 Times in 10 Posts
    BTW, many developers, not all, are moving away from a fixed-width layout and going for responsive design so the layout fits a wider range of screens, including desktop, tablet, and mobile phones.

    Otherwise, you might try sketching it out on paper first, using a grid, and put dimensions in pixels in the containers.

  • #4
    Regular Coder
    Join Date
    Dec 2010
    Posts
    134
    Thanks
    17
    Thanked 6 Times in 6 Posts
    Responsive Web Design isn't the answer to all website solutions, it takes many hours extra in prep, coding and testing.

    Fixed-width layouts are here to stay.

  • #5
    New to the CF scene
    Join Date
    Feb 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    This answer will get longer and take long so it will be better to go on the link and find the detail information with videos ,,,
    http://net.tutsplus.com/tutorials/si...-html-and-css/


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •