Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Very impressive CSS3 demo: CSS3 Planetarium

hacks.mozilla.org

Post reply on HN
Print view View original

21–30 of 62 posts

Re: Very impressive CSS3 demo: CSS3 Planetarium

#23

Post by richbradshaw »

mconnors wrote: post #15

Something you can make in flash in like 10 minutes- and it works on everything ( not mobile ).

We might as well just drop the whole idea of HTML, JS and CSS and just use 3rd party plugins to replace the whole thing. That totally makes sense. Innovation is for idiots.

Re: Very impressive CSS3 demo: CSS3 Planetarium

#24

Post by mrspeaker »

That is really awesome - but one thing (which is just an observation, not a complaint) I've noticed with all the CSS3 super-cool demos like this is that everything is very "linear". All the animation stuff happens in straight lines or repeating patterns (of circles, in the demo) which gives the page a certain feel.

I wonder if it's the start of an effect that will eventually be used to carbon-date websites... "Ah look at this specimen - table based layout, and JavaScript littered with variable names beginning with "mm_" from the late Dreamweaver era. Oooh, now look here... completely linear animations... my guess is it's early 2011! And in such condition!"

Re: Very impressive CSS3 demo: CSS3 Planetarium

#25

Post by grayrest »

nathos wrote: post #19
grayrest wrote: post #13

Earlier quoted context omitted.

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.

They all either are or can be strict supersets of CSS3. What separates stylus is that you can write valid, non-superset CSS3 and invoke the appropriate functions/mixins:

    @import css3

    #transparent {
        opacity: 0.6;
    }

    ----

    #transparent {
      opacity: 0.6;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    }
That's input/output in stylus. This uses an `opacity` mixin defined that's being invoked without the optional parentheses and with the optional colon+semicolon.

I have the beginnings of the Compass CSS3 library that's on hold while TJ fixes bugs and adds features to cover edge cases. The eventual goal is the ability to write straight CSS3 and have everything work.

Re: Very impressive CSS3 demo: CSS3 Planetarium

#27

Post by kenjackson »

richbradshaw wrote: post #23
mconnors wrote: post #15

Something you can make in flash in like 10 minutes- and it works on everything ( not mobile ).

We might as well just drop the whole idea of HTML, JS and CSS and just use 3rd party plugins to replace the whole thing. That totally makes sense. Innovation is for idiots.

First, innovation doesn't only happen in a single application and runtime (the browser). Flash has innovated as much as FF4 has. It's weird that the distribution model for the runtime defines what is innovation and what isn't. A runtime that is distributed as a plugin is inherently not innovative, while one that is a monolithic application is. Go figure.

And I think the point of the original poster isn't that we should drop HTML. But rather that this application isn't cool on first principles. You can show this same app to your child as a Flash app and your child should be just as impressed. It's a good work for HTML, but as far as applications distributed by a web server it isn't especially innovative. But we should keep working on HTHML/JS/CSS as it will get better.

Re: Very impressive CSS3 demo: CSS3 Planetarium

#29

Post by daleharvey »

kenjackson wrote: post #27
richbradshaw wrote: post #23

Earlier quoted context omitted.

We might as well just drop the whole idea of HTML, JS and CSS and just use 3rd party plugins to replace the whole thing. That totally makes sense. Innovation is for idiots.

First, innovation doesn't only happen in a single application and runtime (the browser). Flash has innovated as much as FF4 has. It's weird that the distribution model for the runtime defines what is innovation and what isn't. A runtime that is distributed as a plugin is inherently not innovative, while one that is a monolithic application is. Go figure. And I think the point of the original poster isn't that we shou…

because its the distribution that is innovative, its nice being able to draw text and images and move them around and stuff but that doesnt quite fall under my definition of innovative, for html and flash

the features of html/css/javascript are not impressive, the fact that you can build increasingly complex application that will work on a common runtime installed on every pc and most people tablets and phones without (barely)any packaging or installation procedures is a modern day miracle

Post reply on HN