CSS Nyan Cat

http://michalbe.github.com/css-nyan-cat/

by jaybol • 15 years ago

59 17 15 years ago

michalbe.github.com

scotth• 15 years ago

Why should you be proud to fail CSSLint?

daleharvey2• 15 years ago

I lot of people disagree with a lot of the rules laid out for csslint http://csslint.net/about.html

I do as well

ugh3• 15 years ago

Still a pretty nonsensical thing to write, isn’t it?

CSSLint does not even try to say anything about cutesy things like that. It is intended for different use cases and it is to be expected that a CSS Nyan Cat would fail CSSLint. There is nothing wrong with that, even if you believe that CSSLint is great.

chriserin• 15 years ago

One of many many fails was:

Don't use IDs in selectors. #nyanCat {

What's the thinking behind disallowing ids in selectors?

catshirt• 15 years ago

"Using float for layout isn't a great idea, but sometimes you have to. CSS Lint simply checks to see if you've used float more than 10 times, and if so, displays a warning. Using this many floats usually means you need some sort of abstraction to achieve the layout."

what does this even mean?

BasDirks• 15 years ago

It has a couple of very bad rules.

tnorthcutt• 15 years ago

I hate any site that autoplays audio, no matter what it is. Even worse when it's something like this, though.

ansgri• 15 years ago

Don't know who to "blame", but either Safari on Windows doesn't play audio or I've muted the browser in the Windows Mixer some long time ago...

Yes, browser isn't for audio.

navs• 15 years ago

Well the site uses an ogg audio track. If you edit the code to include an mp3 source then it should work on Safari.

ugh3• 15 years ago

So, YouTube?

It’s Nyan Cat. What the hell did you expect?

JustAGeek• 15 years ago

Well, that's what TubeStop is for: https://addons.mozilla.org/en-US/firefox/addon/tubestop/

I'm not the guy you replied to but I didn't know what to expect when I followed the link, I had no idea what "Nyan Cat" even means.

But it's on Hacker News, so it would be something interesting and valuable, right? ;)

ehutch79• 15 years ago

that code isn't semantic!

nzoschke• 15 years ago

Nice hack! I totally forgot about CSS animation with keyframes.

The YouTube custom progress bar for the Nyan Cat video made me do a double take too:

http://www.youtube.com/watch?v=QH2-TGUlwu4

rdtsc• 15 years ago

A lot of people here are (rightly) confused by what this is outside the technical (CSS) aspect of it.

http://en.wikipedia.org/wiki/Nyan_Cat

http://knowyourmeme.com/memes/nyan-cat-pop-tart-cat

This site has to have crazy music that auto-plays. If it doesn't it would not be Nyan Cat.

CSS Nyan Cat

Related Stories