Re: [css-d] css3 animations - page check please
You do know that WebKit browsers, Opera and IE10 also support animations with the appropriate prefixes, I hope… http://sandyfeldman.com/css3animation/8test.shtml getting this to work in different browsers was surprisingly tricky (ignore the heap of rubble that's 1test to 7test please). I've got something now that works in a selection of Mac browsers. It works in FireFox 13.0.1 and more or less works in Chrome 19.0.1084.56 and Safari 5.17. It limps along in Opera 11.52, not showing animations but just mouseovers when it can. 3 seems to only work in FF - I haven't figured out where I've scrambled the syntax yet for Safari Chrome. 2 questions: - does this work in pc browsers? - what's up with 3? thanks for looking at this, Sandy __ 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/
Re: [css-d] css3 animations - page check please
On 6/26/12 9:48 AM, Sandy wrote: You do know that WebKit browsers, Opera and IE10 also support animations with the appropriate prefixes, I hope… http://sandyfeldman.com/css3animation/8test.shtml [...] 3 seems to only work in FF - I haven't figured out where I've scrambled the syntax yet for Safari Chrome. 2 questions: - does this work in pc browsers? - what's up with 3? A.1. If this refers to #3, you'll have the same problem A.2. You don't have a gradient defined for Webkit. Instead, you have this in line 92 of your page: background-image: -moz-webkit-gradient(-45deg, white 25%, transparent 25%); There are some other gradient definitions in that rule, but the declarations are values only; the property name background-image is missing from them. -- Cordially, David __ 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/
Re: [css-d] css3 animations - page check please
On Tue, Jun 26, 2012 at 12:48 PM, Sandy sfeld...@sympatico.ca wrote: http://sandyfeldman.com/css3animation/8test.shtml does this work in pc browsers? This end: HP Pavilion g4 Notebook PC Chrome/19.0.1084.56 1/ Changes block background-color-- no pattern. Intentional? 2/, 4/, 5/, 6/, 7, 8/ and 9/ :: pass 3/ :: fails Opera/12.00 1/ Changes block background-color-- no pattern. Intentional? 2/ :: Fails [pattern shows on hover but it is static] 3/, 4/ :: Fails 5/, 6/ :: Pass 7, 8/, 9/ :: Fail Firefox/13.0.1 1/ Changes block background-color-- no pattern. Intentional? 2/ through 9/ :: Pass Safari/5.1.7 is the same as Chrome/19.0.1084.56 Gecko/2.10.1 is the same as Firefox/13.0.1 IE/9 is the same as Opera/12.00. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ 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/
Re: [css-d] css3 animations - page check please
Sorry I have only a second to jump in - [] First do you know about caniuse.com? Great resource for seeing what is supported and by whom. Next, Opera doesn't support the animation property yet try something like -o-transition: background-color .25s ease-out; just add :hover to the rule with the animation/transition property to make sure it activates on hover instead Not sure about the infinite run yet __ 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/
Re: [css-d] css3 animations - page check please
3 seems to only work in FF - I haven't figured out where I've scrambled the syntax yet for Safari Chrome. 2 questions: - does this work in pc browsers? - what's up with 3? A.1. If this refers to #3, you'll have the same problem A.2. You don't have a gradient defined for Webkit. Instead, you have this in line 92 of your page: background-image: -moz-webkit-gradient(-45deg, white 25%, transparent 25%); hey thanks David! way to spot the garble. I think it's fixed now http://sandyfeldman.com/css3animation/8test.shtml best regards, Sandy __ 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/
Re: [css-d] css3 animations - page check please
http://sandyfeldman.com/css3animation/8test.shtml does this work in pc browsers? This end: HP Pavilion g4 Notebook PC Chrome/19.0.1084.56 1/ Changes block background-color-- no pattern. Intentional? 2/, 4/, 5/, 6/, 7, 8/ and 9/ :: pass 3/ :: fails Opera/12.00 1/ Changes block background-color-- no pattern. Intentional? 2/ :: Fails [pattern shows on hover but it is static] 3/, 4/ :: Fails 5/, 6/ :: Pass 7, 8/, 9/ :: Fail Firefox/13.0.1 1/ Changes block background-color-- no pattern. Intentional? 2/ through 9/ :: Pass Safari/5.1.7 is the same as Chrome/19.0.1084.56 Gecko/2.10.1 is the same as Firefox/13.0.1 IE/9 is the same as Opera/12.00. David, thanks so much for taking the time to go through these - this is really helpful. - 1 *is* just a colour change (as in starting small). maybe I should beef that up ... - I think I've fixed 3 - what do you think? - Opera and IE seem to just be showing the hover effects that don't animate. I just added a bunch of @-o-keyframes but I don't think it's helped. http://caniuse.com/#feat=css-animation (thanks HallMarc) seems to say that IE and Opera don't support these, but if anyone can think of a way to get the animations working in these browsers that would be much appreciated Thanks again to David, David and HallMarc for looking at this. best regards, Sandy __ 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/
Re: [css-d] css3 animations - page check please
On Tue, Jun 26, 2012 at 6:31 PM, Sandy sfeld...@sympatico.ca wrote: http://sandyfeldman.com/css3animation/8test.shtml does this work in pc browsers? David, thanks so much for taking the time to go through these - this is really helpful. - 1 *is* just a colour change (as in starting small). maybe I should beef that up ... No problem with 1/ given that I know now that that is your intention. Whether you want to beef that up, I leave to you, and yours... - I think I've fixed 3 - what do you think? Dunno. No change-- still fails this end PC Opera/12.0 and IE/9 -- assuming you mean same uri as above. Suggest you file bug report to Opera,,, they provide no feedback but are good at correcting issues. No IE/10 hereabout, so no idea if this has been fixed in that version? Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ 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/
Re: [css-d] css3 animations
http://sandyfeldman.com/tests/animation/css3animation.html http://jigsaw.w3.org/css-validator/validator turns up 80 errors on the css, all connected to @-moz-keyframes and -moz-animation Under 'options', you can turn vendor prefixed stuff to 'warning'. thanks. You do know that WebKit browsers, Opera and IE10 also support animations with the appropriate prefixes, I hope… Philippe, thank you much for taking the time to look at this. I am going to look for the appropriate prefixes and try again. best regards and thanks again, Sandy __ 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/
[css-d] css3 animations
hey all, I have been working on figuring out css3 animations and have come up with a couple of test pages. http://sandyfeldman.com/tests/animation/css3animation.html http://jigsaw.w3.org/css-validator/validator turns up 80 errors on the css, all connected to @-moz-keyframes and -moz-animation is there a way to get the animations and have the css validate? Should I be rewriting this? Other things that don't work the way I would like: I added -moz-box-sizing: border-box; to 7 and 9 to keep the animated effects on the box borders from bulging out the boxes. When I mouseover it *almost* works, but there is a shift in the width just towards the end of the animation - just a brief bulge. I can't figure out where that's coming from or how to get rid of it. Another especially weird thing - locally all the boxes are one size, when I upload the page to the server, without changing anything, they are a bit narrower. Any idea of what's going on? On 18 there is a little extra white border on the top of the box - looks like one more pixel. I have no idea where that's coming from. Any thoughts? Also, in 23 - the image expands on mouseover, which is hunky dory, but it also degrades. What I would like is to have the 300px image shrink down to 150px and then show its full-sized self on mouseover. This would take a different approach but I can't think what it might be. http://sandyfeldman.com/tests/animation/tires.html a possible candidate for Inappropriate uses of CSS3 here's the question - is there a way of timing the effects - so animation 2 starts a 2 second delay after animation 1? thanks! Sandy __ 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/
Re: [css-d] css3 animations
Le 23 juin 2012 à 04:45, Sandy a écrit : http://sandyfeldman.com/tests/animation/css3animation.html http://jigsaw.w3.org/css-validator/validator turns up 80 errors on the css, all connected to @-moz-keyframes and -moz-animation is there a way to get the animations and have the css validate? Should I be rewriting this? Under 'options', you can turn vendor prefixed stuff to 'warning'. Dunno about the rest of your post as you've coded your page to be Gecko only, and I don't have Firefox on this machine. You do know that WebKit browsers, Opera and IE10 also support animations with the appropriate prefixes, I hope… Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ 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/
[css-d] CSS3 animations - enter the matrix
Hello all, I have for years been smashing down barriers concerning CSS. This may have been on this mailing list or on www-style (CSS WG). I came into this realm of human endeavor just when CSS3 was starting to be implemented by Safari 2 or 3 (back in 2008). My early CSS was an attempt at creating depth of field with basic CSS2.1 or CSS3 (box-shadow was in CSS2). I started playing with CSS animations early this year. I did some basic demos that had things moving but I kept on seeing visions of virtual 3D space. This I find exciting since it breaks the notion that things can only be perceived as happening only on a 2D plane (x and y axis) with just depth of field to create an illusion of space by z-index or normal painting order. With CSS3 3D transforms and CSS3 animation one can create virtual 3D space my moving, scaling, skewing, rotating or translating things on the x, y and z axises (not indexes). There is also this marvelous aspect of CSS3 animation call perspective. Below is a link to my new demo. It works in Safari, iPad or iPhone. It uses CSS3, HTML, SVGs and one PNG. If you want it to be interactive, you must enable JS. Using the controls (the only part with JS), selecting random sideways movement buttons (left, center and right) and the jump buttons quickly can result in some amazing spinning. I could use pure CSS3 animations using @keyframes to do similar but I believe the fun is being able to interact with such a demo. Moving on, the demo. http://css-3d.org/enter-the-matrix.htm I will in future put demos of this nature on this domain. http://css-3d.org/ Enjoy and be inspired. I can only show you the door. You're the one that has to walk through it. :-) -- 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/
Re: [css-d] CSS3 animations - enter the matrix
This is awesome! :-) On Sat, Apr 16, 2011 at 5:25 PM, Alan Gresley a...@css-class.com wrote: Hello all, I have for years been smashing down barriers concerning CSS. This may have been on this mailing list or on www-style (CSS WG). I came into this realm of human endeavor just when CSS3 was starting to be implemented by Safari 2 or 3 (back in 2008). My early CSS was an attempt at creating depth of field with basic CSS2.1 or CSS3 (box-shadow was in CSS2). I started playing with CSS animations early this year. I did some basic demos that had things moving but I kept on seeing visions of virtual 3D space. This I find exciting since it breaks the notion that things can only be perceived as happening only on a 2D plane (x and y axis) with just depth of field to create an illusion of space by z-index or normal painting order. With CSS3 3D transforms and CSS3 animation one can create virtual 3D space my moving, scaling, skewing, rotating or translating things on the x, y and z axises (not indexes). There is also this marvelous aspect of CSS3 animation call perspective. Below is a link to my new demo. It works in Safari, iPad or iPhone. It uses CSS3, HTML, SVGs and one PNG. If you want it to be interactive, you must enable JS. Using the controls (the only part with JS), selecting random sideways movement buttons (left, center and right) and the jump buttons quickly can result in some amazing spinning. I could use pure CSS3 animations using @keyframes to do similar but I believe the fun is being able to interact with such a demo. Moving on, the demo. http://css-3d.org/enter-the-matrix.htm I will in future put demos of this nature on this domain. http://css-3d.org/ Enjoy and be inspired. I can only show you the door. You're the one that has to walk through it. :-) -- 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/ -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ 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/
Re: [css-d] CSS3 animations - enter the matrix
On 4/16/11 8:58 AM, Gabriele Romanato wrote: This is awesome! :-) On Sat, Apr 16, 2011 at 5:25 PM, Alan Gresleya...@css-class.com wrote: http://css-3d.org/enter-the-matrix.htm I will in future put demos of this nature on this domain. http://css-3d.org/ I agree with Gabriele. It reminds me of time spent in the mid-1970s calculating matrix transforms to make 3d graphics on an HP plotting display -- quite an effort to recall high school math 25 years on! This is so-o-o-o much easier -- and runs so very much faster. :) asideYou can still practice your matrix algebra to make transforms in old Internet Explorer.../aside -- Cordially, David __ 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/
Re: [css-d] CSS3 animations - enter the matrix
At 1:25 AM +1000 4/17/11, Alan Gresley wrote: Moving on, the demo. http://css-3d.org/enter-the-matrix.htm Mondo kewl. Cheers, tedd -- --- http://sperling.com/ __ 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/
Re: [css-d] CSS3 animations considered harmful
At 9:19 PM -0400 8/10/10, David Laakso wrote: Gabriele Romanato wrote: Hi! need some responses and criticisms about my opinions expressed right here: http://onwebdev.blogspot.com/2010/08/css3-animations-considered-harmful.html HTH ^^/ Gabriele Romanato CSS is a programming language: albeit, a very simple one. It copes with look and feel. Expanding CSS to include more than that is scary. But therein may, or may not, lie the future. /Push the envelope./ Best, ~d I agree and was very close to responding as such. However, I didn't think my contribution would amount to anything in that forum. In any event, people who say that CSS is not a programming language must have a better understanding of programming than me -- after all, I only wrote my first line of code 45 years ago and still haven't mastered it. Cheers, tedd -- --- http://sperling.com/ __ css-discuss [cs...@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/
Re: [css-d] CSS3 animations considered harmful
tedd wrote: At 9:19 PM -0400 8/10/10, David Laakso wrote: Gabriele Romanato wrote: Hi! need some responses and criticisms about my opinions expressed right here: http://onwebdev.blogspot.com/2010/08/css3-animations-considered-harmful.html HTH ^^/ Gabriele Romanato CSS is a programming language: albeit, a very simple one. It copes with look and feel. Expanding CSS to include more than that is scary. But therein may, or may not, lie the future. /Push the envelope./ Best, ~d I agree and was very close to responding as such. However, I didn't think my contribution would amount to anything in that forum. In any event, people who say that CSS is not a programming language must have a better understanding of programming than me -- after all, I only wrote my first line of code 45 years ago and still haven't mastered it. CSS isn't a programming language. No control constructs like IF/THEN/ELSEIF, SWITCH, etc. No variables. The only programming language presence really are the MS extensions (Javascript functions). -- David gn...@hawaii.rr.com authenticity, honesty, community __ css-discuss [cs...@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/
Re: [css-d] CSS3 animations considered harmful
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of david Sent: Wednesday, August 11, 2010 3:12 PM To: css-d Subject: Re: [css-d] CSS3 animations considered harmful tedd wrote: At 9:19 PM -0400 8/10/10, David Laakso wrote: Gabriele Romanato wrote: Hi! need some responses and criticisms about my opinions expressed right here: http://onwebdev.blogspot.com/2010/08/css3-animations- considered-harm ful.html HTH ^^/ Gabriele Romanato CSS is a programming language: albeit, a very simple one. It copes with look and feel. Expanding CSS to include more than that is scary. But therein may, or may not, lie the future. /Push the envelope./ Best, ~d I agree and was very close to responding as such. However, I didn't think my contribution would amount to anything in that forum. In any event, people who say that CSS is not a programming language must have a better understanding of programming than me -- after all, I only wrote my first line of code 45 years ago and still haven't mastered it. CSS isn't a programming language. No control constructs like IF/THEN/ELSEIF, SWITCH, etc. No variables. The only programming language presence really are the MS extensions (Javascript functions). I wish there were variables. Even variables of the macro kind for defining a color palette would be really great. MAIN_COLOR = #123456; border-color: MAIN_COLOR; color: MAIN_COLOR; Want to change your main color from green to blue? Change one line! How awesome would that be? But anyway... I think the lack of control structures is a little erroneous... the entire language is a giant switch statement. If there's an element that matches such and such, apply these properties... Switch (element) { Case 'p': margin: 1em; } We just leave the switch() case: out for brevity. :P Also, isn't it instructions for a computer? Isn't that the definition of a programming language? I can understand HTML not being a language, as it doesn't, by itself, cause anything to happen to the text (default styling is CSS, after all). But CSS actually does stuff. ---Tim __ css-discuss [cs...@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/
Re: [css-d] CSS3 animations considered harmful
David Laakso da...@chelseacreekstudio.com: CSS is a programming language: albeit, a very simple one. It copes with look and feel. Expanding CSS to include more than that is scary. But therein may, or may not, lie the future. /Push the envelope./ Oh please, folks! CSS itself is not a programming language. It is a structured set of parameters (specifications) to be processed by various programs called browsers. Some do that processing better than others. Bruce __ css-discuss [cs...@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/
Re: [css-d] CSS3 animations considered harmful
On 08/11/2010 04:39 PM, Climis, Tim wrote: -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of david Sent: Wednesday, August 11, 2010 3:12 PM To: css-d Subject: Re: [css-d] CSS3 animations considered harmful tedd wrote: At 9:19 PM -0400 8/10/10, David Laakso wrote: Gabriele Romanato wrote: Hi! need some responses and criticisms about my opinions expressed right here: http://onwebdev.blogspot.com/2010/08/css3-animations- considered-harm ful.html HTH ^^/ Gabriele Romanato CSS is a programming language: albeit, a very simple one. It copes with look and feel. Expanding CSS to include more than that is scary. But therein may, or may not, lie the future. /Push the envelope./ Best, ~d I agree and was very close to responding as such. However, I didn't think my contribution would amount to anything in that forum. In any event, people who say that CSS is not a programming language must have a better understanding of programming than me -- after all, I only wrote my first line of code 45 years ago and still haven't mastered it. CSS isn't a programming language. No control constructs like IF/THEN/ELSEIF, SWITCH, etc. No variables. The only programming language presence really are the MS extensions (Javascript functions). I wish there were variables. Even variables of the macro kind for defining a color palette would be really great. MAIN_COLOR = #123456; border-color: MAIN_COLOR; color: MAIN_COLOR; Want to change your main color from green to blue? Change one line! How awesome would that be? But anyway... I think the lack of control structures is a little erroneous... the entire language is a giant switch statement. If there's an element that matches such and such, apply these properties... Switch (element) { Case 'p': margin: 1em; } We just leave the switch() case: out for brevity. :P Also, isn't it instructions for a computer? Isn't that the definition of a programming language? I can understand HTML not being a language, as it doesn't, by itself, cause anything to happen to the text (default styling is CSS, after all). But CSS actually does stuff. ---Tim There is LessCSS [1] which attempts to make CSS into more of a programming language. As for the Gabriele's original point. I don't see the advances made in CSS3 to be harmful. Many people won't use the new behavior features extensively. People can still make nice looking sites that mainly use CSS features that have been in existence for a while now. JavaScript will remain an important part of client side web programming for a while. [1] http://lesscss.org/ -- Steven DuBois sdub...@gnu.org Free Software Foundation - Intern signature.asc Description: OpenPGP digital signature __ css-discuss [cs...@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/
Re: [css-d] CSS3 animations considered harmful
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of david Sent: Wednesday, August 11, 2010 3:12 PM To: css-d Subject: Re: [css-d] CSS3 animations considered harmful tedd wrote: At 9:19 PM -0400 8/10/10, David Laakso wrote: Gabriele Romanato wrote: Hi! need some responses and criticisms about my opinions expressed right here: http://onwebdev.blogspot.com/2010/08/css3-animations- considered-harm ful.html HTH ^^/ Gabriele Romanato CSS is a programming language: albeit, a very simple one. It copes with look and feel. Expanding CSS to include more than that is scary. But therein may, or may not, lie the future. /Push the envelope./ Best, ~d I agree and was very close to responding as such. However, I didn't think my contribution would amount to anything in that forum. In any event, people who say that CSS is not a programming language must have a better understanding of programming than me -- after all, I only wrote my first line of code 45 years ago and still haven't mastered it. CSS isn't a programming language. No control constructs like IF/THEN/ELSEIF, SWITCH, etc. No variables. The only programming language presence really are the MS extensions (Javascript functions). I wish there were variables. Even variables of the macro kind for defining a color palette would be really great. MAIN_COLOR = #123456; border-color: MAIN_COLOR; color: MAIN_COLOR; Want to change your main color from green to blue? Change one line! How awesome would that be? But anyway... I think the lack of control structures is a little erroneous... the entire language is a giant switch statement. If there's an element that matches such and such, apply these properties... Switch (element) { Case 'p': margin: 1em; } We just leave the switch() case: out for brevity. :P Also, isn't it instructions for a computer? Isn't that the definition of a programming language? I can understand HTML not being a language, as it doesn't, by itself, cause anything to happen to the text (default styling is CSS, after all). But CSS actually does stuff. ---Tim I push all my code, css, js, php through M4. this enables me to do exactly what you are asking for, and also have shared symbolic constants for return codes and such for json structures. It really helps. Peter __ css-discuss [cs...@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/
[css-d] CSS3 animations considered harmful
Hi! need some responses and criticisms about my opinions expressed right here: http://onwebdev.blogspot.com/2010/08/css3-animations-considered-harmful.html HTH ^^/ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@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/
Re: [css-d] CSS3 animations considered harmful
Gabriele Romanato wrote: Hi! need some responses and criticisms about my opinions expressed right here: http://onwebdev.blogspot.com/2010/08/css3-animations-considered-harmful.html HTH ^^/ Gabriele Romanato CSS is a programming language: albeit, a very simple one. It copes with look and feel. Expanding CSS to include more than that is scary. But therein may, or may not, lie the future. /Push the envelope./ Best, ~d -- http://chelseacreekstudio.com/ __ css-discuss [cs...@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/