Live data from Hacker News

Very impressive CSS3 demo: CSS3 Planetarium

hacks.mozilla.org

11–20 of 62 posts

Re: Very impressive CSS3 demo: CSS3 Planetarium

#12
post #2

Looks very nice, reminds me of the Elements app for iPad. P.S. I don't know about you guys, but it still bugs me whenever I don't see Pluto.

and the ton of other ice dwarfs in the far end of the solar system? Let it rest. Pluto is the first of a new class.

Re: Very impressive CSS3 demo: CSS3 Planetarium

#13
post #9

I let out a sigh when I saw redundant but understandably necessary function calls to support all browsers. Is there hope in seeing stuff like this consolidated anytime soon? -moz-transform:... -webkit-transform:... -o-transform:... transform:...

Not really. The prefixes allow vendors to do experimental stuff without creating (as much) of a backwards compatiblity problem before things standardize. If you don't like it, use a preprocessor:

* http://sass-lang.com/ * http://lesscss.org/ * http://learnboost.github.com/stylus/

The last one is the most promising since it can be made to look exactly like standard css, but it's really rough right now.

Re: Very impressive CSS3 demo: CSS3 Planetarium

#17

It looks awesome on Chrome, but there is a slight glitch in the shape of a flash that occurs once all animation appears to have finished. Anyone else experiencing this?

On Chrome Dev 11.0.696.12 and I'm experiencing the same thing. Seems like a minor complaint though as the rest of the site works flawlessly.

Re: Very impressive CSS3 demo: CSS3 Planetarium

#19
post #9

I let out a sigh when I saw redundant but understandably necessary function calls to support all browsers. Is there hope in seeing stuff like this consolidated anytime soon? -moz-transform:... -webkit-transform:... -o-transform:... transform:...

Not really. The prefixes allow vendors to do experimental stuff without creating (as much) of a backwards compatiblity problem before things standardize. If you don't like it, use a preprocessor: * http://sass-lang.com/ * http://lesscss.org/ * http://learnboost.github.com/stylus/ The last one is the most promising since it can be made to look exactly like standard css, but it's really rough right now.

Sass, at least with its default SCSS syntax, is a strict superset of CSS3 so it's a good place to start. Your existing CSS files can be processed by Sass without changes.

Combined with some of the great mixins provided with Compass: http://beta.compass-style.org/reference/compass/css3/transfo..., you can eliminate many of the vendor specific declarations.

Post reply on HN