On 16/04/2011 11:39 PM, Barney Carroll wrote:
Alan, a few points to make in response to your post, with inherently
dynamic CSS in mind:
On 16 April 2011 13:55, Alan Gresley<a...@css-class.com> wrote:
Another question is what else is possible with CSS? I presume some would
believe that CSS animation with a little JS is outright abuse of CSS.
I sympathise with the notion behind this ("for the love of God, let's
keep our behaviour and presentation separate!"), but the way that came
out spanks a bit of zealotry. Are we to take it you are in the market
of exclusively targeting that choice demographic of sensible users who
download Webkit nightlies and keep scripting turned off? ;)
No. You can have a dynamic CSS animation with no JS. With JS, you can
make these dynamic CSS animation interactive. I am going to write
another email tonight to this mailing list to show by new domain and new
demos. Stay tuned. Then you will understand what I'm talking about. It
had nothing to do with zealotry.
The truth is, CSS is not ideally
suited to describing dynamic scenarios by itself: apart from the
pseudo-classes, CSS cannot in of itself describe the situations it
promises with many of these new properties.
Here is a demo done with <canvas>. This is the demo using <canvas>.
https://mozillademos.org/demos/flight-of-the-navigator/demo.html
This is a video if your Graphic Cards does not support the above demo.
https://demos.mozilla.org/en-US/screencast/flight-of-the-navigator
At 5 minute an 37 seconds to 5 minute an 47 seconds (10 seconds period)
you see the a spaceship move leftwards. This is possible with just CSS
animation. No JS is required. Some of the other affects in this demo can
be done with CSS animation with a few @keyframes.
[snip]
Here is one demo of mine where I hack in a box-shadow and then position it
under another element (later in the source) that has a transparent
background. I achieved what is forbidden by the CSS spec (a box-shadow seen
through a semi transparent background of the element creating the shadow).
[snip]
Essentially I'm saying that for a developer to be able to produce this
kind of stuff using nothing but HTML and styles is an impressive step
forward, but there's no way an exacting designer would let this case
study sway them from traditional methods.
True.
Nevertheless, the future is bright, and it's up to us to forge ahead.
Seriously, I think CSS and CSS3 is wonderful.
Amen to that.
Regards,
Barney
Time to rock and roll. :-)
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
