SitePoint Sponsor

User Tag List

Page 1 of 3 123 LastLast
Results 1 to 25 of 57
  1. #1
    SitePoint Zealot slandry's Avatar
    Join Date
    Feb 2002
    Location
    Right behind you!
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Knock your socks off CSS designs

    Okay, so I've been trying to jump on the "full blown" CSS design train for a while but I'm just not their yet. It's not that I don't know how but I find myself trying to re-create the wheel when it comes to designing.

    I've been searching for some "knock your socks off" CSS designs for a while and I haven't seen one yet that can compare to a high end professional table design. They all just have the same "feeling" to me, minimalist and flat.

    I know all the benefits, but as a designer I don't want to restrict myself. Can someone please show me a site that really does a superb job of using CSS and design?

  2. #2
    SitePoint Wizard
    Join Date
    Mar 2002
    Location
    Bristol, UK
    Posts
    2,240
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    http://www.csszengarden.com

    Loads of designs on there

    -Sam
    Sam Hastings

  3. #3
    SitePoint Zealot slandry's Avatar
    Join Date
    Feb 2002
    Location
    Right behind you!
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Devilware.net
    http://www.csszengarden.com

    Loads of designs on there

    -Sam
    Sam,

    While I think the designs there are excellent for CSS designs I don't consider them excellent web designs. Do you know what I mean?

  4. #4
    SitePoint Enthusiast abbey's Avatar
    Join Date
    Apr 2003
    Location
    Chicago
    Posts
    89
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You might also want to look at the float tutorial at big baer and image wrapping here. The second one also reminds of some designs I've seen at Eric Meyer's site.

    There are 140 designs at csszengarden, I'm kind of surprised you didn't care for any of them.
    <abbey />
    HTML/XHTML/CSS coding
    Abbey Ink

  5. #5
    Wanna-be Apple nut silver trophy M. Johansson's Avatar
    Join Date
    Sep 2000
    Location
    Halmstad, Sweden
    Posts
    7,400
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Sitepoint had a CSS competition with some truly AWESOME results.
    http://contest.prestontalk.com/list/
    Mattias Johansson
    Short, Swedish, Web Developer

    Buttons and Dog Tags with your custom design:
    FatStatement.com

  6. #6
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,294
    Mentioned
    123 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by slandry
    I've been searching for some "knock your socks off" CSS designs for a while and I haven't seen one yet that can compare to a high end professional table design. They all just have the same "feeling" to me, minimalist and flat.
    If you can show us how you define a "knock your socks off" table design, we'll see if we can find one that's in that style...opinions vary and what I think is awesome you may disagree on.
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style
    Learn how to be ready for The Forums' Move to Discourse

  7. #7
    SitePoint Zealot slandry's Avatar
    Join Date
    Feb 2002
    Location
    Right behind you!
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How abou this one:

    http://www.theberkshire.com/

  8. #8
    SitePoint Zealot slandry's Avatar
    Join Date
    Feb 2002
    Location
    Right behind you!
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  9. #9
    Wanna-be Apple nut silver trophy M. Johansson's Avatar
    Join Date
    Sep 2000
    Location
    Halmstad, Sweden
    Posts
    7,400
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by slandry
    How abou this one:

    http://www.theberkshire.com/
    Ceonex whoops our collective butts once again!
    Mattias Johansson
    Short, Swedish, Web Developer

    Buttons and Dog Tags with your custom design:
    FatStatement.com

  10. #10
    Ensure you finish what you sta bronze trophy John Colby's Avatar
    Join Date
    Aug 2003
    Location
    University of Central England, U.K.
    Posts
    487
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm surprised that http://www.theberkshire.com/ which has a meta tag saying "Disability insurance" produces a Bobby report like this:
    http://bobby.watchfire.com/bobby/bob...&output=Submit
    John
    No electrons were harmed during the creation, transmission
    or reading of this posting. However, many were excited and
    some may have enjoyed the experience.

  11. #11
    SitePoint Zealot slandry's Avatar
    Join Date
    Feb 2002
    Location
    Right behind you!
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by M. Johansson
    Ceonex whoops our collective butts once again!
    Sorry but I worked with Ceonex (VFX USA at the time) a few years back and they just sent that design to me. It was the first one that came to mind.

  12. #12
    Wanna-be Apple nut silver trophy M. Johansson's Avatar
    Join Date
    Sep 2000
    Location
    Halmstad, Sweden
    Posts
    7,400
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by slandry
    I worked with Ceonex (VFX USA at the time) a few years back
    gh<hshjsdgH!!!!
    atrghh!!!
    Mattias Johansson
    Short, Swedish, Web Developer

    Buttons and Dog Tags with your custom design:
    FatStatement.com

  13. #13
    + platinum's Avatar
    Join Date
    Jun 2001
    Location
    Adelaide, Australia
    Posts
    6,441
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think the main 'wow' factor in that site is the flash content.

    As we've discussed here before - CSS is not designed to replace flash (although, IMO, it should be an alternative!), in the same line of thinking, flash is not designed to replace CSS.

    The coding behind that ceonex site is quite well thought out, even for non-flash enabled people. But it certainly could be cleaned up a LOT with the use of some CSS

  14. #14
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by slandry
    How abou this one:

    http://www.theberkshire.com/
    Reminds me of my hosting company's site

    Anyway, gimme a few hours tomorrow and I'll probably be able to come up with a similar design.

    Off Topic:

    I come up with minimalist/clean CSS layouts because that's been my style since before I knew CSS. I just applied what I knew to a new way of doing things, plain and simple. Others may have different reasons, but that's mine

  15. #15
    Wanna-be Apple nut silver trophy M. Johansson's Avatar
    Join Date
    Sep 2000
    Location
    Halmstad, Sweden
    Posts
    7,400
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by vgarcia
    Reminds me of my hosting company's site

    Anyway, gimme a few hours tomorrow and I'll probably be able to come up with a similar design.
    Aren't we cocky!
    Mattias Johansson
    Short, Swedish, Web Developer

    Buttons and Dog Tags with your custom design:
    FatStatement.com

  16. #16
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by M. Johansson
    Aren't we cocky!
    Not really. If he wants a straight copy of that site's look it's not difficult at all and shouldn't take more than a few hours. If he truly does want something original it would take more time, but I'm not sure if that's what he wants .

  17. #17
    SitePoint Addict
    Join Date
    May 2003
    Location
    Auckland
    Posts
    309
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by slandry
    How abou this one:

    http://www.theberkshire.com/
    uh, i did view source and they seem to be using tables for layouts, using html attributes instead of styles for elements...

    i though it was supposed to be CSS designs?

    Edit:

    ignore me, didnt see you were replying to another question :/

  18. #18
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think Vinnie's kicks *** right here
    http://contest.prestontalk.com/index/FluidFixed/

    If you don't mind, I will be doing a little VIEW source later to figure out how you go the menu effect where there is a dashed border, then a THICK border. Really neat effect.

  19. #19
    Wanna-be Apple nut silver trophy M. Johansson's Avatar
    Join Date
    Sep 2000
    Location
    Halmstad, Sweden
    Posts
    7,400
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by vgarcia
    Not really. If he wants a straight copy of that site's look it's not difficult at all and shouldn't take more than a few hours. If he truly does want something original it would take more time, but I'm not sure if that's what he wants .
    Oh, I thought you were talking about something as good, but not the same. A straight copy can be done with CTRL-C.

    Anyway, the point is kinda moot, as it's not a CSS design.
    Mattias Johansson
    Short, Swedish, Web Developer

    Buttons and Dog Tags with your custom design:
    FatStatement.com

  20. #20
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,294
    Mentioned
    123 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by M. Johansson
    Anyway, the point is kinda moot, as it's not a CSS design.
    That's exactly Vinnies point. Make that site css based. I've been working on it on & off the past couple days when I can sneak a couple minutes in. Partially done, but it's time consuming because of the goofy way they did the table structure.

    But if vinnie beats me to it, all the better.
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style
    Learn how to be ready for The Forums' Move to Discourse

  21. #21
    Ensure you finish what you sta bronze trophy John Colby's Avatar
    Join Date
    Aug 2003
    Location
    University of Central England, U.K.
    Posts
    487
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You know, this might be a way of getting your CSS designs done for free - put up a table layout and say "This is great" and then some of the best CSS designers come up with ways of doing it better and publish it - download the code and Bingo!!

    Only joking

    Come to think of it, there's this great Table design at . . .
    John
    No electrons were harmed during the creation, transmission
    or reading of this posting. However, many were excited and
    some may have enjoyed the experience.

  22. #22
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by jag5311
    I think Vinnie's kicks *** right here
    http://contest.prestontalk.com/index/FluidFixed/

    If you don't mind, I will be doing a little VIEW source later to figure out how you go the menu effect where there is a dashed border, then a THICK border. Really neat effect.
    I'll save you a little time:

    When the menu item is hovered over, the background of that link goes transparent, allowing the border of the other blocks to show though .

  23. #23
    SitePoint Zealot slandry's Avatar
    Join Date
    Feb 2002
    Location
    Right behind you!
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I guess I'm not being really clear. I think the CSS designs above are all well done and professional but don't you find it a bit restrictive?

    For instance, what if you wanted to produce a catalog site. Tons of items, lots of individual graphics, descriptions and they all need to be aligned with their grouping.

    Don't you find the control easier using tables? Maybe I just don't have enough experience. I know all the benefits of building a site with standards but it seems you loose flexability while doing it.

  24. #24
    SitePoint Zealot slandry's Avatar
    Join Date
    Feb 2002
    Location
    Right behind you!
    Posts
    128
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by John Colby
    You know, this might be a way of getting your CSS designs done for free - put up a table layout and say "This is great" and then some of the best CSS designers come up with ways of doing it better and publish it - download the code and Bingo!!

    Only joking

    Come to think of it, there's this great Table design at . . .
    That's not my intention. Really.

    I've been doing web design for just over 8 years and I can take any photoshop file I show a client and transform it into a table design no problem. I can imagine the table structure behind the graphics, slice, slice slice and voila.

    The problem I'm having with CSS is the really tight alignments, multiple columns within a smaller sub sections, left and right alignment on the same line. That sort of thing. It's pretty easy to drop in a table set the alignment to the individual cells and bang it out.

  25. #25
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by slandry
    For instance, what if you wanted to produce a catalog site. Tons of items, lots of individual graphics, descriptions and they all need to be aligned with their grouping.

    Don't you find the control easier using tables? Maybe I just don't have enough experience. I know all the benefits of building a site with standards but it seems you loose flexability while doing it.
    If it makes sense to use a table, then use a table. You don't have to do everything with divs. Use tables for tabular data all day long; it's perfectly fine.


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
  •