SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2004
    Location
    Guatemala
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    from a photoshop layout to css

    Hi everybody, It is clear to me that designing using CSS is the best way to go now and that designing with tables is practically from another era.

    I like to make my webpages with rich design, and generaly i use photoshop to design my layouts, then i switch to ImageReady and start slicing and slicing. I just can't change that routine.

    My question is how can i make a smooth transition to css, how do i translate my photoshop layout to CSS, what's the best way to do it (best practice).
    Are there any books or tutorials out there approaching this issue.
    Thanks to anyone that can help.

  2. #2
    SitePoint Addict KelliShaver's Avatar
    Join Date
    Mar 2003
    Location
    Morehead, KY
    Posts
    308
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    IR will do CSS designs, but it uses absolute positiioning, which is, IMO, less than ideal most of the time. Sitepoint actually has a couple of books out on designign with CSS, which you might want to look into.

  3. #3
    SitePoint Wizard silver trophy TheOriginalH's Avatar
    Join Date
    Aug 2000
    Location
    Thailand
    Posts
    4,810
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    You need to actually make a shift in the way you think about designing. Beautiful designs are possible with css (just take a gander at www.csszengarden.com for evidence), but they are not designed with the "slice" thought process.

    Do try and get some books on the matter (Zeldman and Sitepont have good offerings).
    ~The Artist Latterly Known as Crazy Hamster~
    922ee590a26bd62eb9b33cf2877a00df
    Currently delving into Django, GIT & CentOS

  4. #4
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    First of all are you comfortable with CSS? I design my layouts in photoshop too, and then hand code them using CSS for positioning and styling all the html elements. Pehaps if you could show us a pic of one of your layouts, then we could tell you the best way to go about it. There is no smooth transition. It comes with experience.

  5. #5
    SitePoint Addict Tim_Rogovets's Avatar
    Join Date
    Aug 2003
    Location
    Odessa, Ukraine
    Posts
    221
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    IMHO you don't have to use the code generated by imageready. IR will cut images for you, save them, get them ready to inserting into pages, but I think it is better if you code the pages yourself.
    CEO of Grandiz! - a team based in Odessa, Ukraine.
    Designing and developing sophisticated web apps on CodeIgniter!

  6. #6
    Beer Monster -Ox's Avatar
    Join Date
    Apr 2003
    Location
    sowth afreeka
    Posts
    374
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yup, IR is easy enought to just use to CUT the images, personally I dont even use IR I cut and save for web from photoshop, however if you are using a really heavily graphic on your website with lots of images, then you need to use IR to set templates

    have a look at this zengarden layout, absolutly wonderfull, heavy graphics, great use of CSS, very achievable

    http://www.csszengarden.com/?cssfile...136.css&page=0
    My postings are a natural product.
    The slight variations in spelling and grammar enhance its
    individual character and beauty and in no way are to be
    considered flaws or defects - http://www.guinnesspig.net


Bookmarks

Posting Permissions

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