digg

Facebook Connect Join Digg About

CSS creme of the month

roscripts.com — Browse what's hot in the CSS world

Who dugg this? Made popular Mar 20, 2007

Digg DudeWhat is Digg?

Digg is a place for people to discover and share content from anywhere on the web. Digg surfaces the best stuff as submitted and voted on by the community. Take the Tour to learn more.

33 Comments

show profanity settings
expand all
  • darkyoshi, on 10/12/2007, -2/+17*notices that the top left corners of comment boxes are round, and the top right corners are square*

    Digg will be cool forever!
  • schnuck, on 10/12/2007, -1/+14rounded corners? that's soooooooo last week - squared corners are marching in big time...
  • PvtJenkins, on 10/12/2007, -2/+15Cream of the month? Eww?
  • mgkwho, on 10/12/2007, -0/+10It would be nice if they CSS'd the 500 error.

    -=|Mgkwho
  • InsomniaSlim, on 10/12/2007, -1/+10I thought sure this was pr0n.
  • chicken101, on 10/12/2007, -1/+7Talk about sexual frustration, look at your comment and the title.
  • inactive, on 10/12/2007, -1/+7you forgot the accents on Crème.
  • Aliasing, on 10/12/2007, -2/+8Rounded corners?
  • tybris, on 10/12/2007, -0/+4Don't read. Practice. Very little to be learnt from all of this.
  • Hexxagonal, on 10/12/2007, -0/+4to clarify my statement (edit limit is past)... you need to make your window smaller than the page's content area is.
  • echo2501, on 10/12/2007, -0/+3crap... links messed up:

    http://www.digitalbonsai.com/phpstyle.php

    http://www.transcendingcss.com/
  • DrScott, on 10/12/2007, -0/+3Don't know about y'all. But I read "CSS cream of the mouth."
  • simpleid, on 10/12/2007, -0/+3I was interested in some other languages, but when I clicked on c++ (for example) they had nothing. So what's the point of it being active in the menu if you have not a thing for it? bah!
  • subxero37, on 10/12/2007, -1/+4His #10 is wrong. To get IE to render nearly anything properly, you need hacks. For example, IE mistakenly (well, to a web developer's advantage, really) reads any CSS properties that begin with _, and strip the _ from them. So, _font-family: is equivalent to font-family. This makes for an easy way to work pages out in IE that work fine in Firefox without interfering with Firefox's CSS reader. For example, my website uses a very simple layout, and is all CSS-driven (the HTML is incredibly simple.) To accomplish this, I had to (had to) use a few hacks here and there. To elaborate, specifying, "position: absolute; left: 30px; top: 30px; right: 30px" works great in Firefox/Opera, but IE completely ignores the 'right' property. You *must* hack around that -- there's no way to accomplish that kind of positioning using left, top, and the width property, since you'll never no exactly the percent you need to have the edge be 30px away from the page end (or the width in pixels for that matter.)

    As long as IE is around, hacks are necessary to make the web look good.
  • Hexxagonal, on 10/12/2007, -0/+3LOL. I got a laugh considering the page itself doesn't have proper CSS. Look on the right hand side as the navbar, title bar, & content regions don't match up on the right hand side.
  • mgk1969, on 10/12/2007, -5/+7I had seen a bunch of these already but it's always handy to get them all in one place. Good work!
  • TheActionCombo, on 10/12/2007, -3/+5What's with all these pussy rounded corners tutorials? I want a CSS tutorial for sharper, jagged corners.
  • xqb4dpx, on 10/12/2007, -0/+2thanks guys, now i broke all the JS on my site by trying this ***** out.
  • essjay, on 10/12/2007, -2/+4I think you've seen them all before because its basically just a list of CSS stories from the digg front page over the last few weeks (I'd guess month). This is just spam.
  • C4RL, on 10/12/2007, -0/+2I used to use hacks quite a bit, but have found out more creative ways of getting around them.

    For example, for the classic box-model error, just add an extra div with margin attributes inside your div of fixed-width to simulate padding.
  • manilodisan, on 10/12/2007, -0/+1When roScripts will be a blog I will have something to write you back but since wordpress made you a nice yard that you can't escape from please don't try to criticize your "neighbors". If you only had a blog, think about that there are more types of websites (other than blogs....google this out)
  • noahhoward, on 10/12/2007, -0/+1IE doesn't recognize the 'right' property? What?

    There are plenty of hacks you don't need, I find I only need to hack a few things that I usually can get around or get by without anyway.
  • smhill, on 10/12/2007, -1/+1roScripts is lame.
    He posted some crap a while back here. He has a blog that is in "beta"... how retarded is that. Then just scrapes digg for articles and reposts them.
  • cssconversion, on 11/16/2008, -0/+0probably the best CSS Gallery, so simple and just showing "the best of the best":

    http://www.cssconversion.com/
  • echo2501, on 10/12/2007, -2/+2CSS IE hacks are weak. If you're using a server side scripting language like PHP, use browser type and version detection off the HTTP headers (http://www.digitalbonsai.com/phpstyle.php). If using straight HTML, use conditional comments.

    Normalizing the CSS also helps. Pick up "Transcending CSS : the Fine Art of Web Design" by Andy Clarke (http://www.transcendingcss.com/) or check out his presentation video from @media 2006 conference.

    When building, I normalize, design for Safari or Opera, find what breaks in IE (or FF if applicable - rarely), and build a separate css doc to override just the styles for the odd quirks.
  • lhadrian, on 12/02/2007, -0/+0if you want to browse CSS creme check this one: http://www.csscreme.com Very clean and professional.
  • atkin, on 10/12/2007, -0/+0The top one is by a sixteen-year-old, according to the about page on his site. Pretty damn impressive.
  • satya61229, on 10/12/2007, -0/+0I liked this site:
    Faux Column CSS Layouts

    Good list
  • sunnyly, on 10/12/2007, -0/+0good ,I like it
  • lokendra1989, on 07/29/2008, -1/+0I like it it's too good

    http://xboxdesign.com

    lokendra
    (web designer)
  • schnuck, on 10/12/2007, -4/+1subxero37, sorry to disappoint you, but hacks are really last century now. hacks do not validate and anyone passionate about webstandards & validation does apply conditional stylesheets.

    ......
  • iliketurtles2, on 11/20/2008, -5/+2http://www.duggmirror.com/design/CSS_creme_of_the_month/
  • SiRwhilms, on 10/12/2007, -4/+0This appears to be a compilation of 90% things that were already on Digg in the last month...

    ... also, rounded corners.

  • Add a Comment

    Login or register to comment!
    Or, sign-in super fast with your Facebook account ...


© Digg Inc. 2009 — Content created and posted by Digg users is dedicated to the public domain | Terms of Use Updated | Privacy Policy
DIGG, DIGG IT, DUGG, DIGG THIS, Digg graphics, logos, designs, page headers, button icons, scripts, and other service names are the trademarks of Digg Inc.