What is Digg?Sponsored by Microsoft
Microsoft responds to the headlines. view!
microsoft.com/everybodysbusiness - Read our developers' points of view on the headlines making news.
79 Comments
- zeroroth, on 10/10/2007, -2/+52People still use JavaScript for rollovers? huh??
- plaxx, on 10/10/2007, -17/+67why are people digging this? this is old and simple.
- chris9902, on 10/10/2007, -5/+41http://www.alistapart.com/
have fun. - dijital, on 10/10/2007, -1/+23Here's a thought... why not let the diggs fall where they may? I mean isn't that the point of a system like this? If you find it interesting, Digg it, if not, ignore it. If, as you say, this is not news then fine, other people will agree and it'll get buried soon enough. Live and let live man...
- HarryBauzonia, on 10/10/2007, -1/+23Do know anyone who actually uses non-css browsers?
I'm not being a smart-ass....that's a real question. I've never met anyone who uses Lynx and the like, and I've never worried about it when laying out pages. - snopak, on 10/10/2007, -1/+21Yes, just like everything else it takes a little understanding a.k.a. geekery ;)
- AmadelaJake, on 10/10/2007, -7/+25they're digging this because they haven't seen this.
- Alright, on 10/10/2007, -4/+20is it possible to master CSS?
- positron, on 10/10/2007, -1/+15If you've designed you base HTML document well, that should not be a problem. The progressive enhancement principles of accessibility apply equally as well to CSS design as they do JavaScript development. Begin by authoring a well-organized, easy-to-navigate document and you will find that your site stands up strong whether it is styled or not. This is why the ideas of the semantic web or so important on the modern web. It's a shame many people still haven't learned these lessons.
- CravenTwain, on 10/10/2007, -1/+15"Here's the problem, CSS is awesome - but we're investing too much in CSS especially since their are browsers that don't support CSS which can leave the page looking very odd and sometimes unusable (ever seen a page on Digg that was so hard hit that the css didn't load? it ain't pretty)."
Thanks for that message from the year 2002. - dijital, on 10/10/2007, -5/+18Seriously... it's hilarious how much time people spend saying how much of a waste of time it is to digg stories that they may have already seen. Qeustion plaxx: You do realize that just because you've seen something, that perhaps many other people haven't?
- Subterfug, on 10/10/2007, -1/+11Using background-position works but I always avoided it because it felt like a really ghetto solution to the problem.
And this is an ancient method... hardly new. - h4ppydotcom, on 10/10/2007, -0/+8It would be much easier if Microsoft hadn't forked the standard and made IE so very.... odd.
- Stupidumb, on 10/10/2007, -0/+7So many people are wondering why this has been dugg so much.
Not everyone was born with the innate knowledge of all things computers/web.
Some people have to learn these things. So, the people who digg this are the ones who are just learning this stuff. - zzz@tkz, on 10/10/2007, -5/+11"Advanced CSS Rollovers without JavaScript
Forget JavaScript. You can create dynamic rollover images using just CSS. And once you've mastered the basic concept, many creative possibilities open up."
Advanced or basic? Make up your ***** mind. - y3rt, on 10/10/2007, -1/+7Yes but not from a Jedi
- neokoenig, on 10/10/2007, -9/+15YAWN! this is years old. Not dugg, and not news.
- el_taco, on 10/10/2007, -0/+5actually using the background method aka "sprites" uses one image for all the states. With that you have 1 file that needs to be requested and cached from the server instead to 10 to 20. Also by using 1 image you don't have all the overhead needed for each individual file meaning overall smaller filesizes
- weareglass, on 10/10/2007, -1/+6It's cool if this helps people understand CSS, but call a spade a spade. This is certainly not "advanced" CSS. I think there should be good introductory tutorials on CSS here (which this most certainly is), but don't call them advanced or all of us who really know CSS will waste our time going to this site.
- darkane, on 10/10/2007, -0/+5What does the hosting company not being able to handle traffic have to do with CSS? It's not that the CSS isn't "rendering", it's that when the browser request was made for the CSS file, the server never responded. And just because you can't figure out how to use it properly, doesn't mean there's an issue with CSS and AJAX.
- camtech, on 10/10/2007, -0/+4YOU may have seen it but many (obviously) haven't.
- inactive, on 10/10/2007, -0/+4same reason you are getting dugg down. spite.
- Radan, on 10/10/2007, -0/+4A good example of this is actually the navigation bar on apple.com which can be seen here:
http://images.apple.com/global/nav/images/globalnavbg.png - tdskate, on 10/10/2007, -2/+6You f-in' said it.
- makingme, on 10/10/2007, -0/+3Using background-image pays back on speed ...
- failsafex, on 10/10/2007, -5/+8Welcome to 2001
- Respec7, on 10/10/2007, -0/+3if your skilled you do all the background work with just one tag:
background: url('image.png') no-repeat 0 0; - runforcover, on 10/10/2007, -5/+8http://72.14.253.104/search?hs=sUq&hl=en&lr=&c2coff=1&q=cache%3Ahttp%3A%2F%2Fwww.creativepro.com%2Fstory%2Fhowto%2F25816.html&btnG=Search
- Konstantino, on 10/10/2007, -0/+2Thanks for the mirror. You shouldn't be getting dugg down.
- h4ppydotcom, on 10/10/2007, -0/+2Dijital, If I could Digg this comment 10 times, I would. Keep the comments to talking about the article and it's content - not commenting on the possible nature of the people who are viewing or digging it (which is tantamount to being "Diggspam" - I certainly have no interest in reading it again and AGAIN).
- mrinkspot, on 10/10/2007, -6/+8*BREAKING* Now instead of using in-line styling for your HTML, you can use a stylesheet! Apparently, this new-fangled CSS (cascading style sheet) can even control complex modifications, such as font colors!
Laaaaaaaaaaaaammmmmmmeeeee. - Ogremindes, on 10/10/2007, -0/+2Way to read the article... each rollover uses -one- image that contains every state.
- Apocalyptic0n3, on 10/10/2007, -0/+2But it also is a pain in the ass when you have to load the CSS every single time if you frequent the site. Increases load times. External files allow a browser to cache the file so every time you view a page that loads that CSS file, it loads it from your system rather than someone else's. Not to mention it increases the size of the pages and can be a pain when you have to continuously re-paste the code into your page. It's much simpler to type out the one line of code to link to the CSS file. Unless you are hit hard with the Digg effect (In which case, find yourself a damned better host), don't worry about it. You should worry about load times for the mainstays on your site, not the rush of people that come when you get something dugg to the frontpage once in a blue moon.
- digiroam, on 10/10/2007, -2/+4I don't see why people are being ridiculed or dugg down for not knowing this. With the exception of a:hover, :hover on all other elements isn't supported IE6, but it is supported in IE7. Being the IE6 has been the most popular (not best, but most used) browser (for now), it may be news for some people as they upgrade their browsers.
- weareglass, on 10/10/2007, -0/+2Um, that stats page is just a log of what browsers visit that one site. Those statistics are wildly aberrant when compared with people who track global statistics. Please use a better source.
http://en.wikipedia.org/wiki/Usage_share_of_web_browsers - dcconz, on 10/10/2007, -0/+1This method is called CSS Sprites alistapart has a good article about this http://www.alistapart.com/articles/sprites/. This is my preferred method of doing css rollovers as it speeds up load time and development time.
- fearphage, on 10/10/2007, -2/+3Welcome to the 90s?
- riddlebox, on 10/10/2007, -1/+2Chris 9902 mentioned http://www.alistapart.com a very excellent resource to see where CSS is, and also I wanted to suggest a site thats been on digg before probably. http://www.cssplay.co.uk They have some nice "advanced" css tutorials and examples of what is possible so far with CSS. I don't agree with some people saying its over rated. It makes lay out so much nicer when used correctly. Also why would you embed css? When you could just write the file once and then reference it across your web pages? Anyways again http://www.alistapart.com and http://www.cssplay.co.uk or easily do a google search for advanced css and pull up other cool websites in regards to css like creating a "onclick" feature using a:focus.
- dogshaft, on 10/10/2007, -0/+1Welcome to 2004! Any designer who hasn't seen this already has no business making css, rollovers, or web pages in the first place. Now on the other hand, somebody who is just beginning and learning these things I think would find this extremely useful, so dugg.
- dcoolidge, on 10/10/2007, -3/+4And this week all the pissy and moany diggers who think they know it all complain about stuff they already know about.
- drastick, on 10/10/2007, -0/+1I dont care if people have or havnt seen this... the point is that this is a bad example of it. The CSS is terrible and there are much better tutorials out there that have been around for years. Dugg down not because its old but because its just spreading more crappy coding standards. The technique is great and I use it all the time but who does background-image:, background-position:, background-repeat:? There should be a skill level involved before people are allowed to write tutorials. background: #fff url(images.jpg) repeat-x 10px 15px;
- huvanile, on 10/10/2007, -0/+1atariby is talking about anchor tags... they must have been stripped out of his original post
- atariby, on 10/10/2007, -0/+1the :hover pseudo class only works in IE6 if it's used on an tag, so be sure to style your rather than with a background image and it will work just fine, no js required
- CRasH180, on 10/10/2007, -1/+2I think we will have to bury you as lame. Anything that sponsors creativity and a new way to do something should be applauded for helping many people. kudos to Lyndoman for posting this link.
- tehmoth, on 10/10/2007, -1/+2only if you aren't using the 'a' tag.
- evanflash, on 10/10/2007, -1/+1what year is this?
- 72meristems, on 10/10/2007, -0/+0This is not advanced. It's basic.
- seanmc303, on 10/10/2007, -1/+1I could not agree more with snopak. This is not ground breaking at all. People have been using this trick for years.
The thing I found most unremarkable about this article is the fact that they used separate images for each nav item. It cuts down on HTTP requests and speeds up page loading if the nav items are collated into one background image. - tfrans, on 10/10/2007, -1/+1I imagine 4 years ago you had to worry about ie5... ie6 & 7 it does work for.
- sirjtaa, on 10/10/2007, -1/+1This is hardly advanced... anyone who knows how to use extremely basic CSS could have figured this out by themselves.
-
Show 51 - 79 of 79 discussions
© Digg Inc. 2009
— Content created and posted by Digg users is 