Using CSS for the XML Button - follow up
February 26, 2003 8:36 AM
You'll have to excuse my excitment, I've been on the Internet for a while now, but never as a blogger.
Dylan Greene did the button in CSS, which is precisely as politically correct as the PNG version.
This code is based on Dylan Greene’s CSS XML button. It is slightly optimized to reduce the size of the code to 205 bytes. If you use more than one orange button on your web site, you could reduce the total bytage by using a class attribute and tucking the CSS away in your site style sheet.
This is great! Surprised no one thought of this sooner.
Also see his site for how to reuse the CSS by putting it in your stylesheet.
And there's always somebody that doesn't like the idea:
http://gammatron.novarese.net:
This reminds me of the wankers who re-did their table-based calendars in CSS. Calendars are exactly what HTML tables were intended for, rendering them with CSS is overly complicated and less functional. I'm not sure what the point of rendering a button in CSS is, besides the obvious trendiness of saying "I implemented this with CSS." If this person could render the coffee cup in CSS I might be impressed.
Comments
Related Posts
Category: CSS
- Microsoft calls FoO April 22, 2005 3:44:00 AM
- Yahoo 360 invites and cool DHTML demos March 30, 2005 3:21:00 AM
- XML button created via CSS February 25, 2003 10:42:22 AM
Category: RSS
- DABU now has OPML support September 30, 2005 3:22:00 AM
- Gnomedex is two weeks away! June 9, 2005 6:25:00 PM
- 300 people reading my feed via RSS April 22, 2005 3:35:00 AM
- I burned my RSS feed April 21, 2005 1:14:00 AM
- Tabs, RSS reader in next version of Internet Explorer? April 20, 2005 8:12:00 PM
- 29 more in RSS...
Category: Ideas
- Problems with Web 2.0, and how to fix them for Web 3.0 March 29, 2006 5:08:00 PM
- Automatic Bull-Sh*t detector extension for email, blogs, and browsers March 3, 2006 4:55:00 PM
- IE and Firefox feature request: download visible images first April 12, 2005 2:09:00 PM
- Shift-click needs more power April 12, 2005 12:25:00 AM
- Fun ways to do your taxes April 6, 2005 7:59:00 PM
- 32 more in Ideas...
Posted February 26, 2003 6:07 PM
Isn't this the same as jwz's rss css replacement posted on 2002-10-21 00:10
http://www.livejournal.com/talkread.bml?journal=lj_nifty&itemid=57340&thread=1095420#t1095420
Posted February 26, 2003 9:11 PM
I don't think it's a *bad* idea (after all, you did save 22 bytes), I just don't think it's particularly practical. With the PNG, you don't have to worry about various browsers' standards-compliance or rendering quirks. You could make a case for the text version having better accessibility, but ALT tags should be more than enough for something this small.
Don't get me wrong, it's an interesting proof-of-concept, and useful as an exercise. It's in the same vein as the "wankery" I referred to, but obviously doesn't take itself as seriously as those insane CSS calendars that popped up during a period when CSS-fever was sweeping weblogs, and people rooted out all traces of tables on general principles without thinking first.
http://quantumphilosophy.net/
Posted February 12, 2004 12:22 PM
I think it's a cool hack. Even put it on my site.
Very simple, very functional, slightly decieving in a benign way.
Thanks.
http://www.softlord.com
Posted May 4, 2004 9:02 PM
the benefit of this is it allows people to search for "xml" with the find feature of the browser to find the feed of a page more easily than if it was hidden in an image.
rock on.
http://www.e-mago.co.il/Editor/world-1114.htm
Posted August 4, 2006 4:39 AM
you use more than one orange button on your web site, you could reduce the total bytage by using a class attribute and tucking the CSS away in your site style sheet.