digg

Join DiggAbout

Discover the best of the web!
Learn more about Digg by taking the tour.

53 CSS-Techniques You Couldn’t Live Without

smashingmagazine.com — CSS-based techniques you should always have ready to hand if you develop web-sites. Thanks to all developers who contributed to accessible and usable css-based design over the last few years. We really appreciate it. Show some Love.

Bury
show profanity settings
expand all
  • AK10, on 10/12/2007, -1/+58Wow! This is a really nice set of CSS tips! The screenshots make it much more valuable because traditional CSS lists have some really obscure names. This will be required reading at work tomorrow.
    • dynacrylic, on 10/12/2007, -2/+7Kudos!

      I agree- the screen shots help so much. I don't know the names of what I want to do sometimes, but I know what I want it to look like.
    • abid786, on 10/12/2007, -3/+29I could live without them.

      I could live without them too, if I designed webpages on Geocities using the ***** templates
    • sockpuppets, on 10/12/2007, -6/+12It's like the Kama Sutra of the CSS world.
    • whamdanglers, on 10/12/2007, -0/+7This is the best, most ***** free compilation of CSS techinques I've seen in a long time. And its not that all of these are new, blow your socks off tricks. Many of them I've seen before. But never all in one place.

      Great find. Dugg.
    • veracon, on 10/12/2007, -2/+2Well, I know I've been living without, among others, "Navigation Matrix Reloaded", CSS bar graphs, collapsing tables, checkbox customisation, nifty corners, CSS curves and many more that I don't feel like mentioning.

      C'mon, it's a good roundup, but what's with the title?
    • glock22ownr, on 10/12/2007, -4/+1Pics are broken but text and links are still there...

      http://www.smashingmagazine.com/


      Funny that its "Smashing Magazine"... I guess digg.com smashed their server hehe.
    • scottschiller, on 10/12/2007, -0/+1Rounded corner inline dialogs with borders, drop-shadows and gradients. Be afraid, very afraid. :)
  • Takteek, on 10/12/2007, -2/+10I couldn't? Wait... but I did!
    • jmreid, on 10/12/2007, -1/+14I've only used 52 of them on my site...


      Argh... my... heart! Tell my wife I love...
  • Nick22, on 10/12/2007, -12/+3"CSS Bar Graphs **(CSS For Bar Graphs)**"

    No *****.
    • Ryosen, on 10/12/2007, -1/+4Actually, it's two different sites with two different techniques for graphs, both nice.
  • directandy, on 10/12/2007, -1/+5This is an awesome guide. Already have plans to use some of these techniques in future projects.
  • bonkers1, on 10/12/2007, -5/+6http://www.duggmirror.com
  • jackminardi, on 10/12/2007, -2/+3And its down...
  • muka3d, on 10/12/2007, -1/+14I'm certain I could have lived without an Internal Server Error.
    Marked as dugg.

    http://duggmirror.com/design/53_CSS_Techniques_You_Couldn_t_Live_Without/
    • esquilax, on 10/12/2007, -9/+4you know, the duggmirror links without the story name really work (like the one 2 posts above you). duggmirror is designed to figure out what's going on based on the page you came from.
    • armbar, on 10/12/2007, -1/+8Could be that they posted at the same time, esquilax...

      Also, not everyone has referrer logging enabled; if you don't, the plain link won't work.
  • TroubleInMind, on 10/12/2007, -0/+9This is highly bookmarkable. It's a CSS Cookbook. Results oriented. Very good.
  • xigxag, on 10/12/2007, -0/+1Yes, the images make for a very nice list of CSS techniques. Seems like a good mix as well.
  • mikeswelsh, on 10/12/2007, -1/+1Nice, hacks aside.
  • reynan, on 10/12/2007, -0/+0Thanks this is a big help..
  • Spikito, on 10/12/2007, -25/+3Am i the only one who thinks of Counter Strike Source when i see CSS?
    • mikev, on 10/12/2007, -6/+9CS:S =! CSS
    • falafa, on 10/12/2007, -6/+15'=!' != '!=' *****.
      and CSS != CSS
    • nofxjunkee, on 10/12/2007, -3/+1The only technique you need to know for that CSS is DeCSS. Definitely not 52 other ones.
    • pezholio, on 10/12/2007, -1/+2I always think of Cascading Stylesheets when I see anyone talking about Counterstrike Source, or any article about the band CSS.

      Anyway, good article. Dugg
    • pixelbeat, on 10/12/2007, -2/+1There is a rock band in Brasil called Cansei de Ser Sexy aka CSS.
      http://www.csshurts.com/
      Great music by the way...
    • mikev, on 10/12/2007, -0/+3ouch falafa. I must admit defat
  • desenso, on 10/12/2007, -1/+8Yes, a great article and a good digg. Nice... we don't get this kind of quality that often... Am I the only one that reads titles like these and instantly assumes it's going to be garbage? A pleasant surprise.
    • dmitriyvoz, on 10/11/2007, -0/+0The author has mentioned very much a vital topic today. It seems to me that the problematics of this clause enables to reflect and draw conclusions. You can as to look sites in Russian which mention this theme: http://www.rolid.org http://www.se-ua.com
  • xperienc, on 10/12/2007, -1/+1thanks for your share, it is very helpful and all clear and understandable.
  • screwzluse, on 10/12/2007, -0/+1Awesome stuff. I wish someone would compile all the tips and such into a large PDF file or something with an attached zip of any needed javascripts and such. Would be awesome and quite useful.
  • omoimasuyo, on 10/12/2007, -0/+1This article was absolutely amazing. I knew about some of these features, but the amount of things that you that I noticed that I didn't even know I could do leaves me amazed. This is the coolest article ever! Thanks!
  • boomblastruin, on 10/12/2007, -0/+1This article just made my day. Wow...I've been trying to figure out some of those techniques for a while now, this is so much easier than trying to figure out the source codes on other websites. Digg just became 10 times more awesome for this
  • Ten3, on 10/12/2007, -0/+1yeah i agree with some of my fellow posters...this article just made my day

    thank you internet!
  • LeftblankN, on 10/12/2007, -0/+4Nice article but the title is a bit wrong; only a couple of these 'tricks' are done with just CSS, the other 50 of 'em all use javascript, which kinda destroys the point of CSS.
  • ThirdPrize, on 10/12/2007, -2/+1Well, I have lived without them so far. Lets see how much longer I can go.
    • Padwah, on 10/12/2007, -0/+0Why? There's some great stuff in there so I'm not sure why anyone would want to make their life more difficult by not using some of the techniques described.
  • ThirdPrize, on 10/12/2007, -0/+1Still going.
  • raj2312, on 10/12/2007, -0/+0This is really cool! I know I can learn a lot here.. Thanks a lot!
  • 8urns, on 10/12/2007, -0/+0clear and concise, nice one
  • penagate, on 10/12/2007, -0/+3Most of them aren't CSS techniques, just design ideas.
  • kasa, on 10/12/2007, -0/+1Good digg! clear and concise a must
  • Flarup, on 10/12/2007, -0/+1awesome article! Very helpful.
  • K3lviN, on 10/12/2007, -3/+0The 'nifty corners' and 'css shadows' are particularly good examples, however, whether I'd class the techniques as 'something I couldn't live without' is probably another matter...
  • Outlawz, on 10/12/2007, -0/+1awesome !!! i also don't know half the stuff I'd like to create, the screenshots definitly help. Nice one :)
  • WiseElben, on 10/12/2007, -1/+0Server crashed... must be good stuff.
  • samuelcotterall, on 10/12/2007, -0/+2You know, if there was one story on Digg that was so relevant for the time, then it would be this one.

    I had sat down to do develop the front end to my university project, and the tabbed menu was causing me much stress - the first link has gotten me out of that lull.
  • tybris, on 10/12/2007, -0/+5I thought I'd never see the day. This CSS article actually does seem kind of useful.
  • foomojive, on 10/12/2007, -0/+1holy crap this is really helpful. I expected it to be just another list of stuff I've already seen. (I do CSS work daily) I've seen some of this but there's a lot that was really helpful to me.
  • emehrkay, on 10/12/2007, -0/+1[cyrus]Can you Digg it?!![/the warriors]
  • thesimo, on 10/12/2007, -0/+1this is actually really useful, thanks
  • thesimo, on 10/12/2007, -0/+1actually, id like the form formatting techniques, is there anyway to get that one? and get around the friggin internal server error?
  • mfahmed, on 10/12/2007, -0/+1very useful...thanx for the efforts!
  • jacat, on 10/12/2007, -2/+1THERE'S A PIPER DOWN
  • glooper23, on 10/12/2007, -1/+2I don't even know what CSS stands for, and I'm living fine.
  • linuxinit, on 10/12/2007, -0/+1JS != CSS
  • cbartlett, on 10/12/2007, -0/+0This page WAS cool. I hate how stuff always gets downed after it's dugg.
    I usually Furl cool sites like this because it saves a copy for you.
  • nishanthe, on 10/12/2007, -1/+0Nice compilation..Dugg!!!
  • MrMcGuire, on 10/12/2007, -0/+1Brilliant list! Guiding the way to better internets for us all!
  • gizmoo, on 10/12/2007, -0/+0Fantastic!... lots of stuff i can now try out on my site! thanks a million!
  • helder1978, on 10/12/2007, -0/+0I would like to have a “Navigation Matrix” but with the tabs having a dynamic width and not a fixed one, anyone knows how to do it with CSS? I’ve done it “by code” in my site, http://nsolutions4u.com but I would like to have it done in a simpler way… All help appreciated.
  • secureslash, on 10/12/2007, -0/+1The best collection... CSS Angel rocks :)
  • alisonrae, on 10/12/2007, -0/+0Another great compilation of links by Smashing Magazine. I love how they bring all of the information sources together.
  • j4s0n, on 10/12/2007, -0/+1hoola! nice compilation
  • loxi, on 10/12/2007, -0/+0http://www.design-sites.net/
  • 11amDesign, on 10/12/2007, -0/+0Great collection ... I'm going to try some out!
  • wiiwii, on 10/12/2007, -0/+0Yes! just what i required thanks guys!

    arnold.

    ----
    http://www.russellridley.co.uk
    Russell Ridley & Co.
    ----
    • sunilromy, on 10/10/2007, -0/+0it,s really a nice appreciating article.
      electronic projects
  • Fetching more discussions...
    Show 51 - 69 of 69 discussions
  •  

    Login or register to add a comment

    Create a new account or login to join in the conversation on Digg. You'll also be able to Digg stories to help promote things you like.


© Digg Inc. 2008 — Content posted by Digg users is dedicated to the public domain.
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.