CSS Nyan Cat | Hacker News Reader

CSS Nyan Cat

michalbe.github.com

59 pointsjaybol17 comments

Open articleView on HN

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.

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

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

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.

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

So, YouTube?

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

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? ;)

Why should you be proud to fail CSSLint?

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

I do as well

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.

not really, he may have already been asked about it, it could have just been in his head because it became popular recently.

I think its more nonsensical to get worked up about the fact he wrote it

I did not get worked up about that.

One of many many fails was:

Don't use IDs in selectors. #nyanCat {

What's the thinking behind disallowing ids in selectors?

The idea is that using IDs reduces the reusability of your css rules.

"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?

It has a couple of very bad rules.

that code isn't semantic!

Reply on news.ycombinator.com