93 Comments
- mitch37, on 02/22/2008, -3/+101Great list. I have really missed articles like this on Digg.
- treelovinhippie, on 02/22/2008, -7/+45The best technique would be to anal probe all of the developers behind all of the IE versions and attempt to find out what kind of incompetent douchebags could create such a painfully horrible piece of ***** with standards compliance comparable to that of George Bush and the American public.
- tablelegs, on 02/22/2008, -2/+3013. Rediscovering the Button Element
Love this tip; not many people are aware of the power that css has over buttons. Great article, thanks. - ciphex, on 02/22/2008, -1/+22excellent list. lord how i wish more gems like this made it to the home page these days.
- Kinsbane, on 02/22/2008, -0/+19Styling the input file form was what did it for me. Dugg!
- Jektal, on 02/22/2008, -4/+19The first 3 techniques are all inaccurate.
1. This isn't 3D, and isn't anything that couldn't be accomplished easier and with less round-trip server fetches with 1 image. If the 3 images scrolled at different rates, then you'd have something.
2. This has nothing to do with CSS and is just about using PNG's support for alpha-layer transparency and IE finally supporting rendering of it.
3. Again, this isn't about CSS, it's about using server-side scripting, namely PHP. - eightfivezero, on 02/22/2008, -0/+13I like how half of the techniques listed make use of javascript.
- NovaPrime9, on 02/22/2008, -1/+12So then all nine of you that use Opera are out of luck.
;) - fxu1989, on 02/22/2008, -10/+19The obligated CSS-related story of the day.
Now, where's the Mario and Scientology ? ... Probably a bit early. - darkane, on 02/22/2008, -0/+8Nobody says avoid tables at all cost. They say to use tables for tabular data, which is what they were made for, and to use CSS for formatting, styling and layout. Also, CSS and XML are completely different things, and you can't "try" to be a wanna-be.
- brocej, on 02/22/2008, -0/+7I can just see someone designing a site that uses all of these techniques at once and then wondering why it looks crap.
- timisondigglol, on 02/22/2008, -0/+6That CSS pre-processor is genius. (#3) The nested structure makes way more sense than the way CSS is structured today.
- fahrvergnuugen, on 02/22/2008, -0/+6I miss all the people bitching that there are too many CSS / AJAX articles on digg.
- animeguru, on 02/22/2008, -0/+6So I'm not the only one that was perplexed by some of these 'techniques.'
I stared at the first one wondering why the ***** they didn't just make it one image. If they'd scrolled seperately with some JS, that would've been fantastic, but stacking three images together when one would do the exact same thing seems like a waste. - rlombardo, on 11/05/2008, -0/+6Number 47, Eric Meyer’s CSS Reset should really be Number 1. That is the most important thing you can do when working with CSS.
- Metasquares, on 02/22/2008, -1/+4A bit of a misnomer, but this is an excellent guide. I had never even thought of using PNGs as image masks.
- smrekar, on 02/22/2008, -0/+3it's CSS
- ralphie81, on 02/23/2008, -0/+2Top 1 Ways?
- ciphex, on 02/22/2008, -1/+3it's much better at different times... he has some kind of engine that drives the color variables. the site scheme evolves over time according to variables like season and time of day i believe. you're right though, that white on orange is def hard to read.
Inman is a great coder though, read his stuff. You will learn. And If you haven't checked out Mint do so: www.haveamint.com - animeguru, on 02/22/2008, -0/+2Agreed. I use that reset stylesheet all the time now. I've also got a 'reset' of my own to set my own default styles for everything once they've been reset.
Saves tons of time when styling for cross browser support. - undetected, on 02/22/2008, -0/+2Smashingmagazine overloads you with so much information that should help you do better work, you can burn through your day going over what they present instead of actually getting your work done.
- MagicBobert, on 02/22/2008, -0/+2#9 reminds me of the days when mystery-meat navigation was a problem. I'm not sure if we should be bringing that back...
- pudly, on 02/22/2008, -0/+2maybe im just nitpicky as someone who's a web standards nazi, but a lot of these are pointless. cropping a content image by putting it as a background image of a div? how is that a good thing? content images should always be img tags...
also that advanced menu ? asdf empty span tags in the markup?
thats just a couple of examples as i only clicked on the first few .... i guess im just anal about it all - Canute, on 02/22/2008, -0/+2Too bad it didn't work quite that well on opera though.
- Brick86, on 02/22/2008, -0/+2Steve The Gorilla?
images/steve-the-gorilla.png" alt="Gorilla" - alt451, on 02/22/2008, -0/+2Lots of good stuff. - 13. Rediscovering the Button Element, 15. Hyperlink Cues with Favicons, 16. CSS Styled table Version 2, and 47. Eric Meyers CSS Reset - Like those the most though
- MagicBobert, on 02/22/2008, -1/+3To bad his site was ***** ugly.
- hadak, on 02/22/2008, -0/+2I tried adapting that CSS dock a while back. I wanted it to stay static at the bottom of the page as you scrolled down. I'm not wizard at CSS, and the problem I was having is that when you scroll down, the dock stays in place, but the target moved with the rest of the page. Essentially, when you scrolled down half way, the bounding box would be in the middle of the page. Very strange. I think that site is still up (albeit abandoned) here: http://www.anchorsciencefun.com/new_site/
- kohner86, on 02/22/2008, -2/+4I totally agree, there are some things tables are just easier to do with rather than using divs and css.
- SlechtValk, on 02/23/2008, -0/+1i don't see that... that's like painting a picture with all possible painting techniques... and what website uses a dozen menu's...
- SlechtValk, on 02/23/2008, -0/+1"The first 3 techniques are all inaccurate."
That's not true... maybe the title is not accurate, and should read Design-Techniques instead of CSS-Techniques... but those techniques are accurate... and some are very good IMHO. - SlechtValk, on 02/23/2008, -0/+1using javascript is in some circumstances not so bad... if the result works without it... the first thing i do when i see a css tutorial is test it in opera with javascript disabled...
- SlechtValk, on 02/23/2008, -0/+1tabular data maybe...
and not only easier, but just better... - kevisazombie, on 02/22/2008, -0/+1DHTML
- Bombfrog, on 05/11/2008, -0/+1Let's hope so.
- SlechtValk, on 02/23/2008, -0/+1Oh, that's why Fx passes the new acid3 test ( http://acid3.acidtests.org/ ) < / sarcasm >
(i know you didn't say css3 but i couldn't resist ;) )
and i agree with your comment that IE is slow in supporting standards... - HigherLogic, on 02/22/2008, -0/+1I dunno, I've been working with CSS for over 8 years and enjoyed the pre-processor bit at the top.
- Creamedweasel, on 02/22/2008, -0/+1until they file leech the background image.
- rusty_g, on 02/23/2008, -0/+1that copyright thing for his photos is still useless b/c u can still PRTSC and copy and paste it into Photoshop or Gimp or something like that...
- tony23, on 02/22/2008, -0/+2More nightmares for Jakob Nielsen !
- macmichael01, on 02/22/2008, -0/+1Great articles and resources for the newbie front-end developer.
- Firehed, on 02/22/2008, -0/+1So you wanted a frame, basically?
You could always try an absolute positioned element and move it around with the top/bottom attributes, but just use a Sticky Footer (search for it, it's the first result). - cdfmrl, on 02/22/2008, -0/+1For #1: The three images repeat at different rates, and they're aligned in different ways. It looks cool if you resize your browser window, you should see the images moving. Other than that, you're right, because how often do you resize your browser window when you go to a new page? It's a neat idea, but a bit pointless.
- MalDON, on 02/22/2008, -0/+1Works fine in FF2
- ninedesign, on 02/22/2008, -1/+2lol.
- Tacobake, on 02/22/2008, -0/+1agreed. and thanks, to whoever is watching.
- actionscripted, on 02/24/2008, -0/+1Use the jQuery UI.
- ggolem, on 03/03/2008, -0/+1"You definitely know some of them, but definitely not all of them."
You can't say anything DEFINITELY, because you don't know anything about me. - redgopher, on 02/22/2008, -0/+1I'd say 60% of these are basic but effective manipulations of background images. The other 40% use Javascript and aren't really pure CSS implementations. Not that Javascript is bad, but... it's misleading to say something like the OS X style dock menu is a "CSS Dock Menu" when it's actually "JS Dock Menu"
- SlechtValk, on 02/23/2008, -0/+1PrtSc anyone?
-
Show 51 - 93 of 93 discussions



What is Digg?
Digg is coming to a city (and computer) near you! Check out all the details on our