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/
[css-d] IE not showing child popout of dropdown
horizonsrhigh.org/wordpress On the navigation bar at the top, if you mouseover Ministries Horizon Christian School in Firefox a little child popout called Test Child will appear just to the right of Horizon Christian School. In IE, this doesn't happen. I have no idea why, except that it doesn't seem to be a z-index problem because the only thing behind the child is the page's background. Thanks for any help in advance. -bRETT __ 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/
[css-d] styling a col
How can I style only some cells in a col? The cells I want to style have a class that I can use. I can style the col but that applies the style to all the cells in the col. It may be a matter of using the right selectors, but no combination I've tried has worked. -- The liberty the citizen enjoys is to be measured not by the governmental machinery he lives under, whether representative or other, but by the paucity of restraints it imposes on him. -- Herbert Spencer, 1884 Rick Pasottor...@niof.nethttp://www.niof.net __ 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/
Re: [css-d] styling a col
On Wed, Aug 11, 2010 at 1:34 PM, Rick Pasotto r...@niof.net wrote:
How can I style only some cells in a col? The cells I want to style have
a class that I can use. I can style the col but that applies the style
to all the cells in the col.
It may be a matter of using the right selectors, but no combination I've
tried has worked.
--
The liberty the citizen enjoys is to be measured not by the governmental
machinery he lives under, whether representative or other, but by the
paucity of restraints it imposes on him. -- Herbert Spencer, 1884
Rick Pasottor...@niof.nethttp://www.niof.net
td.classname{
(style here)
}
This should work, maybe be more specific like
table tr td.classname{
(style here)
}
I don't think you can use col as a selector, because no elements are
technically wrapped in it.
Hope it helps,
Alex Mitchell
http://gumware.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] Logo positioning with CSS?
On Mon, Aug 9, 2010 at 1:19 PM, Joe Jackson priory...@googlemail.comwrote:
Hi
How can I have the logo sit on top of the slideshow image? At present the
logo pushes the slideshow image further down the page? I have tried Z
index
on the logo but it still pushes the slideshow down the page instead of the
logo sitting on top of the slideshow?
div id=mainheader
div id=logo/div
div id=navigation
ul id=navigs
lia href=index.htmlHOME/a/li
lia href=aboutus.htmlABOUT US/a/li
lia href=classes.htmlCLASSES/a/li
lia href=contact.htmlCONTACT US/a/li
/ul
/div
/div
div id=slideshow-border
div id=slideshow
div id=cycle-home
img src=images/hp1.jpg alt=Dance Studios /
img src=images/hp2.jpg alt=Music and Dance Studio /
img src=images/hp3.jpg alt=test /
img src=images/hp4.jpg alt=test /
/div
My CSS for these elements are
#logo {
width: 211px;
height: 177px;
float: left;
margin: 0px 0px 0px 10px;
background: url(../images/logo1.png)
}
#slideshow-border {
width: 900px;
height: 348px;
padding: 10px;
margin: 0 auto;
background: #FFF;
}
#slideshow {
width: 900px;
height: 348px;
overflow: hidden;
position: relative;
background: #222;
}
Try absolute positioning on the logo. set the position of the slideshow to
relative, then nest the logo inside of it and adjust the positioning as
such.
#logo {
width: 211px;
height: 177px;
background: url(../images/logo1.png)
position:absolute; /* edits start here */
left:5px;
top:5px; /* end of edits */
}
#slideshow-border {
width: 900px;
height: 348px;
padding: 10px;
margin: 0 auto;
background: #FFF;
}
#slideshow {
width: 900px;
height: 348px;
overflow: hidden;
position: relative;
background: #222;
}
div id=mainheader
div id=navigation
ul id=navigs
lia href=index.htmlHOME/a/li
lia href=aboutus.htmlABOUT US/a/li
lia href=classes.htmlCLASSES/a/li
lia href=contact.htmlCONTACT US/a/li
/ul
/div
/div
div id=slideshow-border
div id=slideshow
!-- insert logo --
div id=logo/div
div id=cycle-home
img src=images/hp1.jpg alt=Dance Studios /
img src=images/hp2.jpg alt=Music and Dance Studio /
img src=images/hp3.jpg alt=test /
img src=images/hp4.jpg alt=test /
/div
Many people may think this would affect SEO benefits of having your logo at
the top of the html, but seeing how there's no actual content in the logo
area, a search engine won't see anything. And because it's a div, not even
an h1 tag, it will have no SEO costs. However, if you would like the SEO
benefits, you can use an h1 tag instead of a div, and set the text-indent to
some huge number (ie text-indent:-5000px;) then set the overflow to hidden
so that nobody ever sees it (overflow:hidden;).
Hope this helps,
Alex Mitchell
http://gumware.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] footer not sticking to bottom of window, but footer contents are
On Wed, Aug 11, 2010 at 4:30 PM, Debbie Campbell d...@redkitecreative.comwrote: My 100%-width footer (the dark bar in the middle of the page) is not sticking to the bottom of the browser window in FF, Chrome, etc. but the contents of the footer are: http://174.120.243.190/~qhkhwed/index.php?page=everything-i-love I'm using the footerstickalt method. Can someone tell me what I'm doing wrong here? -- Debbie Campbell Kind of an odd fix and I'm not quite sure why it worked, but by using firebug I could see that the content that was actually at the bottom was the p.designby, which was floated right. I added float:right to the style of the footer, and it magically worked. I'll investigate it more when I have the time. Hope this helps, Alex Mitchell http://gumware.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] footer not sticking to bottom of window, but footer contents are
Interesting - it kind of works but now it's up over the top of the content near the bottom of the page. I tried a clearing element, that didn't help. But it's better... -- Debbie On 8/11/2010 5:44 PM, Alex Mitchell wrote: On Wed, Aug 11, 2010 at 4:30 PM, Debbie Campbell d...@redkitecreative.com mailto:d...@redkitecreative.com wrote: My 100%-width footer (the dark bar in the middle of the page) is not sticking to the bottom of the browser window in FF, Chrome, etc. but the contents of the footer are: http://174.120.243.190/~qhkhwed/index.php?page=everything-i-love I'm using the footerstickalt method. Can someone tell me what I'm doing wrong here? -- Debbie Campbell Kind of an odd fix and I'm not quite sure why it worked, but by using firebug I could see that the content that was actually at the bottom was the p.designby, which was floated right. I added float:right to the style of the footer, and it magically worked. I'll investigate it more when I have the time. Hope this helps, Alex Mitchell http://gumware.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] footer not sticking to bottom of window, but footer contents are
On Wed, Aug 11, 2010 at 5:07 PM, Debbie Campbell d...@redkitecreative.comwrote: Interesting - it kind of works but now it's up over the top of the content near the bottom of the page. I tried a clearing element, that didn't help. But it's better... -- Debbie You're right, I didn't notice that. To fix this, add a margin-bottom:37px; to the div#center and it should fix all the problems. Hope this helps, Alex Mitchell http://gumware.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] styling a col
On Wed, Aug 11, 2010 at 04:16:56PM -0700, Alex Mitchell wrote:
On Wed, Aug 11, 2010 at 1:34 PM, Rick Pasotto r...@niof.net wrote:
How can I style only some cells in a col? The cells I want to style have
a class that I can use. I can style the col but that applies the style
to all the cells in the col.
It may be a matter of using the right selectors, but no combination I've
tried has worked.
--
The liberty the citizen enjoys is to be measured not by the governmental
machinery he lives under, whether representative or other, but by the
paucity of restraints it imposes on him. -- Herbert Spencer, 1884
Rick Pasottor...@niof.nethttp://www.niof.net
td.classname{
(style here)
}
This should work, maybe be more specific like
table tr td.classname{
(style here)
}
I *know* how to do that.
Every cell in the row has the same classname but I only want a different
style for the first and last cells (It's a calendar). The way the
template is written I have no way of applying a style to only some of
the cells in the row.
I don't think you can use col as a selector, because no elements are
technically wrapped in it.
As I said, I can style the *entire* col but I don't want the first two
rows (whose cells do *not* have the stylename) to be styled. The whole
point of 'col' is to be able to deal with a particular column. There
ought to be a way to deal with *part* of the column.
--
Beware of all enterprises that require new clothes, and not rather a
new wearer of clothes. -- Henry David Thoreau
Rick Pasottor...@niof.nethttp://www.niof.net
__
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] styling a col
On Thu, Aug 12, 2010 at 10:44:48AM +0900, Philippe Wittenbergh wrote:
On Aug 12, 2010, at 10:23 AM, Rick Pasotto wrote:
Every cell in the row has the same classname but I only want a different
style for the first and last cells (It's a calendar). The way the
template is written I have no way of applying a style to only some of
the cells in the row.
td:first-child, td:last-child { color: white; background: lime } ?
I don't think you can use col as a selector, because no elements are
technically wrapped in it.
As I said, I can style the *entire* col but I don't want the first two
rows (whose cells do *not* have the stylename) to be styled. The whole
point of 'col' is to be able to deal with a particular column. There
ought to be a way to deal with *part* of the column.
You can style an entire column, up to some point. Only a limited
number of properties apply tot he col element.
http://www.w3.org/TR/CSS21/tables.html#columns (this _may_ be enough
for your purposes though).
A combination of both might help ?
Yes, that worked. Since a row's styling overrides a col's styling I can
style the entire column and then re-style the top row.
PS - Do you have a url of what you attempt to do ? Might be easier to give
advice?
At this point it's a test site so it's not really available to the
public. I'm using the codeigniter calendar class to generate a calendar
and it uses a template system that loops through each cell of a row so I
have no way to get at code within that loop..
--
Private property was the original source of freedom. It still is its
main bulwark. -- Walter Lippmann, 1937
Rick Pasottor...@niof.nethttp://www.niof.net
__
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] styling a col
On Aug 12, 2010, at 10:23 AM, Rick Pasotto wrote:
Every cell in the row has the same classname but I only want a different
style for the first and last cells (It's a calendar). The way the
template is written I have no way of applying a style to only some of
the cells in the row.
td:first-child, td:last-child { color: white; background: lime } ?
I don't think you can use col as a selector, because no elements are
technically wrapped in it.
As I said, I can style the *entire* col but I don't want the first two
rows (whose cells do *not* have the stylename) to be styled. The whole
point of 'col' is to be able to deal with a particular column. There
ought to be a way to deal with *part* of the column.
You can style an entire column, up to some point. Only a limited number of
properties apply tot he col element.
http://www.w3.org/TR/CSS21/tables.html#columns
(this _may_ be enough for your purposes though).
A combination of both might help ?
PS - Do you have a url of what you attempt to do ? Might be easier to give
advice…
Philippe
---
Philippe Wittenbergh
http://l-c-n.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/
