Dylan Greene dot com

May contain nuts.

CSS Archive

These posts are all in this one category.

forgetfoo.pngThe best web and graphic designer I know, and the only one I talk to on a regular basis, got an interesting call from Microsoft.

FoO's work is like the fine meals in an upscale trendy downtown restaurant - it's usually experimental, sometimes controversial, constantly cutting edge, and always damn impressive.

Update:

Thanks to TNL, I now have an account and 100 invites to give away.

My 360 page: http://360.yahoo.com/dylangreene

Leave a comment here if you'd like an invite.

Original Message:

I don't have any Yahoo 360 invites to give away just yet, but while you are waiting, I suggest checking out dhteumeuleu.com the witness some of the coolest interactive DHTML demos I've ever seen. I strongly recommend you visit using Internet Explorer since Firefox is unable to render some of his coolest effects. All of the demos include access to his elegantly simplistic source code. Flash and Java were not used for any of the demos.

One of my favorite demos is a DHTML PowerPoint-like slide show built as a ZUI (zooming user interface) - each slide zooms into view while the next slide approaches from the distance.

Meanwhile, Yahoo 360 mini-reviews have appeared from Steve Rubel and Tristan Louis, and some info from well-known Yahoo bloggers Russell Beattie and Jeremy Zawodny have good things to say.

So.... is Yahoo 360 what started the XBOX 360 rumor? That would be pretty funny.

You'll have to excuse my excitment, I've been on the Internet for a while now, but never as a blogger.

http://www.scripting.com:

Dylan Greene did the button in CSS, which is precisely as politically correct as the PNG version.

http://zajac.ca/xmlbutton:

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.

http://www.dotnetweblogs.com:

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.

I saw on Scripting News that somebody has created a PNG version of the XML icon. Here's code to create XML via CSS (261 bytes) instead of a GIF (429 bytes) or PNG (283 bytes):

<a title="RSS 2.0" href="rss.xml"><span style="border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color:#FFF;background:#F60;text-decoration:none;margin:0;">XML</span></a>

Now you can do neat tricks, such as a more obvious button: RSS 2.0. No more wondering what RSS version you're about to access, and now Google and other search engines will see the words "RSS" on your web site. You can even use your browser's built-in find function to find that pesky link to the RSS.

But I have a question - Dave Winer calls the PNG version "more politically correct" than the GIF version. Is the CSS version even more PC than the PNG version?