SitePoint Sponsor

User Tag List

Page 1 of 2 12 LastLast
Results 1 to 25 of 45
  1. #1
    SitePoint Columnist Skunk's Avatar
    Join Date
    Jan 2001
    Location
    Lawrence, Kansas
    Posts
    2,066
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Some links for anyone who still thinks CSS layout = boring

    I've seen people argue a few times that the reason they aren't interested in using CSS for layout is that CSS layout sites all look boring and uninspired. Take a look at these:

    http://www.stonefishspine.com/
    http://www.grownmencry.com/lmichelle/sheep.html
    http://www.littleyellowdifferent.com/
    http://www.firda.lemurpants.com/
    http://www.cleverlittleminx.com/
    http://weblog.delacour.net/index.html
    http://www.teambilly.com/
    http://www.vanderwoning.ca/
    http://www.oblivio.com/
    http://www.adampsyche.com/
    http://www.emptybottle.org/
    http://www.hivelogic.com/
    http://www.davezilla.com/

    They all use CSS for layout and they all look really attractive. I pinched the list from Scott Andrew, who also posted a bunch of useful CSS resources: http://www.scottandrew.com/weblog/2002_10#a000445

  2. #2
    will code HTML for food Michel V's Avatar
    Join Date
    Sep 2000
    Location
    Corsica
    Posts
    552
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    www.firda.lemurpants.com should actually be www.wannabegirl.org, her 'public' URL
    [blogger: zengun] [blogware contributor: wordpress]

  3. #3
    SitePoint Wizard johnn's Avatar
    Join Date
    Mar 2001
    Location
    Southern California, USA
    Posts
    1,181
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    They all look very nice. I would like to see a site in CSS where there are 3 major columns in a webpage, and a middle column contains 3 or 4 small columns. If anyone knows, please post.

    Thanks,
    John
    Last edited by johnn; Oct 31, 2002 at 02:05.

  4. #4
    SitePoint Wizard
    Join Date
    Apr 2002
    Location
    Brisbane QLD Australia
    Posts
    1,489
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    it seems that the only css layout designs at the moment are blogs.

    does anyone have any examples of commercial sites either corprate or ecommerce that are done in css layout?

  5. #5
    SitePoint Member
    Join Date
    Oct 2002
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  6. #6
    SitePoint Wizard
    Join Date
    Apr 2002
    Location
    Brisbane QLD Australia
    Posts
    1,489
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That yahoo css version breaksdown and looks bad for me.

    Mac OS 9.1 IE 5.1

  7. #7
    SitePoint Wizard Bill Posters's Avatar
    Join Date
    Dec 2001
    Location
    UK
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Re: Some links for anyone who still thinks CSS layout = boring

    This thread is presumably meant as a design-with-css sales pitch, so I'll address it purely from a design perspective...

    Originally posted by Skunk
    I've seen people argue a few times that the reason they aren't interested in using CSS for layout is that CSS layout sites all look boring and uninspired. Take a look at these:

    ...

    They all use CSS for layout and they all look really attractive.
    Attractive? Ack, no. Really?

    Sorry, but not one of those sites appealed to me visually.
    I could barely find one with any redeemaing features whatsoever.
    Contrary to your build up, skunk, I actually did find them boring, formulaic and utterly uninspiring to look at. They all looked exactly liked I would currently expect a CSS site to look.

    Of course, this is not the fault of CSS, but is more the result of those kind of people who form the body of that movement ((stereo-)typically anticeptic coding facists and 'accessibility/usability' advocates).

    As billiousness pointed out, there isn't much in that list to inspire the more 'realistic' jobbing designers here, let alone the more adventurous.

    I'm still waiting to see a good example of a css+standards site that does a little bit more than just sit there staring at me completely expressionless
    If only there were a few good examples of the 'latest' CSS-only approach being used on a layout format and navigation design that wasn't stuck in the mid-'90s, then perhaps it wouldn't be getting such a bad rap.

    So come on you 'oh-so-pro-css-for-layouts' people. Where's your sense of adventure (visually speaking)?
    Spice things up a little. You'll like it, ya will.
    Aww, sure ya will, now. Ya will, ya will, ya will, ya will, ya will, ya will, ya will!


    Skunk, the sites on that list may float your boat, but they're not what I would consider to be good ambassadors for your cause.
    If that's the best-of-breed examples, then it's small wonder that css layouts still have the reputation that they do and are struggling to win converts in any decent numbers.

    Imho, of course
    New Plastic Arts: Visual Communication | DesignateOnline

    Mate went to NY and all he got me was this lousy signature

  8. #8
    SitePoint Wizard iTec's Avatar
    Join Date
    May 2001
    Location
    Sydney, Australia
    Posts
    2,243
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by billiousness
    That yahoo css version breaksdown and looks bad for me.
    Mac OS 9.1 IE 5.1
    bill, would you be able to take a screenshot for me? (email: nick at build-my.com) i havnt got a Mac or IE 5 to test on and would be interested in seeing how bad it is. It breaks up in opera aswell.

    commerial : http://www.ezboard.com/ and http://www.wired.com

  9. #9
    + platinum's Avatar
    Join Date
    Jun 2001
    Location
    Adelaide, Australia
    Posts
    6,441
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Re: Re: Some links for anyone who still thinks CSS layout = boring

    Originally posted by Bill Posters
    Attractive? Ack, no. Really?
    I have to agree with you Bill, I think they are all generic-type horrible looking things. Functional, yes, well designed, well probably (in terms of colours), do they make you say "wow", no

    I actually have quite liked some of iTec's designs.

    With that said, I have been making an effort to include more CSS within my sites lately (although i'm still a little unsure of how many people i'll be cutting out of the loop by doing so).

  10. #10
    SitePoint Wizard Bill Posters's Avatar
    Join Date
    Dec 2001
    Location
    UK
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I actually think that where many 'css-for-layouts' developers go wrong is how they appear to treat css like it is the point rather than just the tool.

    It's almost as if they seem to seem to think in a process that begins 'what can I do with css?' when what they should be thinking is 'what do I want to do with my site- and how do I do it with css?'

    This is pure conjecture of course, but I can easily imagine that it's not a million miles away from the truth.

    I know most css advocates would take a look at my site and say it largely misses the point of using css, but I like to think it is a modest but fair attempt at using css to my advantage without it preventing me from producing the site I wanted to.
    Were it not for one legacy table that I am simply too lazy to replace with divs, my folio site would be completely table-free.
    (Mind you. it still has pop-ups and other sundry 'sins', so xhtml valid or not, I won't be sharing any secret handshakes at the css-lodge anytime soon.)

    I have always leant towards divs instead of tables on account of my continuing interest in dhtml. As it turned out, once I had devised the layout and functionality of my site it became clear that css would be the most straight-forward approach for me to take when building it.
    New Plastic Arts: Visual Communication | DesignateOnline

    Mate went to NY and all he got me was this lousy signature

  11. #11
    SitePoint Wizard
    Join Date
    Apr 2002
    Location
    Brisbane QLD Australia
    Posts
    1,489
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    can do iTec.

    i'll email it later today.

  12. #12
    Back in Action Winged Spider's Avatar
    Join Date
    Jun 2001
    Location
    outside my mind
    Posts
    900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've got a whole dynamic "ring" of sites that use CSS to format the content. There's a positioning CSS include file that works site wide. Then all of the specific colors are included in a each head. They're are some tables for the ordering process but that's generated by our ecommerce package and didn't have the time/need to change it.

    These all have reduced development time in half and increased orders over our old HTML design. Most people really like the simplicity.

    http://www.miracle-group.com
    http://www.dingking.tv
    http://www.miracleeraser.com
    http://www.citramaid.com
    http://www.septic-magic.com
    http://www.flitz-polish.com

    CSS and some ASP makes creating a new "minisite" a 2 hour process.

    Can anybody confirm whether or not there are any ecommerce CSS only sites? I like to think I made the first one. My small claim to fame.

    I've also used basically the same design CSS for these affiliate model sites:

    http://halo2.ninjasonfire.com
    http://www.nuching.com
    Last edited by Winged Spider; Oct 31, 2002 at 22:26.


  13. #13
    SitePoint Wizard iTec's Avatar
    Join Date
    May 2001
    Location
    Sydney, Australia
    Posts
    2,243
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    possibly one of the nicest blogs ive seen. http://www.dollarshort.org/

    (for those who view source, the 1 table is for tabular data the rest is css)

  14. #14
    SitePoint Wizard
    Join Date
    Apr 2002
    Location
    Brisbane QLD Australia
    Posts
    1,489
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    here is ANOTHER blog (grrrrrr) that just caught my eye...
    http://obarquinho.com/nando/

    i want more commercial sites!!!

    iTec: I'll go get that screen capture in a sec. I have yet to download the screen capture software.

  15. #15
    SitePoint Wizard Bill Posters's Avatar
    Join Date
    Dec 2001
    Location
    UK
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by billiousness
    iTec: I'll go get that screen capture in a sec. I have yet to download the screen capture software.
    BIlliousness, fwiw, if you're using mac os then you already have e/thing you need.
    There are a variety of screen/window/area capturing options built into the mac os.

    (CapsLock On) Apple + Shift + 4 then click inside the window you wish to capture.
    That should place the shot of the window in the root of the startup volume (or possibly on the desktop).

    Open it in PictureViewer.

    (menu) File > Export and export it as either a jpeg or gif (if available).

    Done.

    Not the most adaptable method available, but it'll do when a speedy screenshot is all you need.
    New Plastic Arts: Visual Communication | DesignateOnline

    Mate went to NY and all he got me was this lousy signature

  16. #16
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    Now, if you wanted to see bare CSS layout with a little "movement" that is fairly standards compliant.

    Then you could have looked at my friend Mike's page; it's themed on Dynamic HTML http://www.cross-browser.com/

    You'd have to browse a little to see some of the basic demos in action, for example: http://www.cross-browser.com/examples/colorcube.html

    I am not saying it's impressive; but neither is it a Blog nor an example of a site which has be built upon layout first, rather he decided to build a website around his hobby "DHTML API's" hence why CSS is heavily used.
    Last edited by xhtmlcoder; Nov 1, 2002 at 06:28.

  17. #17
    + platinum's Avatar
    Join Date
    Jun 2001
    Location
    Adelaide, Australia
    Posts
    6,441
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by xhtmlcoder
    Then you could have looked at my friend Mike's page; it's themed on Dynamic HTML http://www.crossbrowser.com/
    *uggghh @ popups*

  18. #18
    SitePoint Wizard Bill Posters's Avatar
    Join Date
    Dec 2001
    Location
    UK
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by xhtmlcoder
    Now, if you wanted to see bare CSS layout with a little "movement" that is fairly standards compliant.

    Then you could have looked at my friend Mike's page; it's themed on Dynamic HTML http://www.crossbrowser.com/
    I could've, but that's not really an example of what I was talking about, but thanks anyway.

    I was referring to sites that implement the most modern standards to the Nth degree but also that have a little flair.
    I wasn't really thinking of sites *about* dhtml that happen to be standards compliant. That's a little more self-conscious than I was after.

    I'm not looking for ideas, I'm just keen to see how other people have put the mix into practice 'in the field', so to speak.
    Though I'm starting to wonder how few developers/designers there are out there who have even thought to try.

    p.s.
    Gee, xhtmlcoder, thanks for the warning.
    With friends like that, who needs spammers?
    I don't have a problem with popups as long as they are part of the site I'm visiting. But when I'm directed to a site that has several layers of spam popups running onunload, then my mild-mannered nature goes rapidly out of the window.


    Originally posted by xhtmlcoder
    Well, what did you expect when I mentioned DHTML and movement, LOL.
    I expect to see DHTML and movement.

    When a fellow SPF member points me to a site, call me strange, but I expect that site to be there. I don't expect to be directed towards a commercial spam-trap.

    A simple note would've sufficed.

    Anyway...
    Last edited by Bill Posters; Nov 1, 2002 at 06:30.
    New Plastic Arts: Visual Communication | DesignateOnline

    Mate went to NY and all he got me was this lousy signature

  19. #19
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    Argh! Major Typo slipped in there

    http://www.cross-browser.com/

    Correct URL: http://www.cross-browser.com/ with the dash.
    Last edited by xhtmlcoder; Nov 1, 2002 at 06:34.

  20. #20
    SitePoint Wizard Bill Posters's Avatar
    Join Date
    Dec 2001
    Location
    UK
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can anyone within reach of xhtmlcoder give him a good slap, please?



    <edit>

    I see tables (...all the time).

    How does this site or the examples on it address the question about leading-edge coding standards and flair?
    From what I can see its just a dhtml tutorial site built from standard HTML 4 methods.

    I wanna see examples of exclusively W3C methodology teamed with real design talent. I wanna see the end result, not the trick itself. I want... I want...

    Where's the package?

    </edit>
    Last edited by Bill Posters; Nov 1, 2002 at 06:50.
    New Plastic Arts: Visual Communication | DesignateOnline

    Mate went to NY and all he got me was this lousy signature

  21. #21
    + platinum's Avatar
    Join Date
    Jun 2001
    Location
    Adelaide, Australia
    Posts
    6,441
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hehe, I was going to say, wasn't a very inspiring site anyway, even after i'd waded through the 8 million popups

    Glad you have it right now It has some pretty nifty info in there

  22. #22
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    Yes, I don't think I'll be very popular for a very long while, if people go to the "other" site I am kicking myself if that’s any substitute...

    I must make a public apology to anyone who has been affected by going to the wrong URL.

  23. #23
    SitePoint Columnist Skunk's Avatar
    Join Date
    Jan 2001
    Location
    Lawrence, Kansas
    Posts
    2,066
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sheesh there's no pleasing some people I guess I just have different tastes when it comes to web design...

    I repeat my challenge from an earlier post: Show me a site that you think has a truly awe inspiring design and I will attempt to replicate it in standards compliant structural XHTML with CSS for layout.

  24. #24
    SitePoint Zealot redeyes's Avatar
    Join Date
    Dec 2001
    Posts
    102
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have to disagree with Bill, and side with Skunk (and not just cuz we are geographically similar).. Most of the sites I have seen created using xhtml and css have been very pleasant on the eye..

    It makes a nice change to see presentable, usable content.. and no pointless gimmicks or tricks.. The added fact that these site are using the 'correct' methods for the future of content presentation just makes them more appealing..

  25. #25
    + platinum's Avatar
    Join Date
    Jun 2001
    Location
    Adelaide, Australia
    Posts
    6,441
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    okay, I quite like http://www.mattjacob.org/ as far as css goes

    But, still it seems there are too many trends used in css sites that makes them unorigional and boring.

    1) They try to use no graphics at all (thats what makes things interesting!)
    2) They insist on using the same fonts for everything and it doesn't suit it IMO.
    3) Solid colours and randomely dashed lines *can* be over used.
    4) The people that use a lot of CSS get into it waaaaay too much
    5) As someone mentioned CSS should be used to fine tune and make life easier with HTML and images, not replace it.

    A list apart is mildly nice to look at too


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
  •