Comments on: Top 5 CSS Mistakes http://foohack.com/2007/10/top-5-css-mistakes/ Isaac Schlueter on Web Development Thu, 24 Jul 2008 02:37:26 +0000 http://wordpress.org/?v=2.5.1 By: strony internetowe wroclaw http://foohack.com/2007/10/top-5-css-mistakes/#comment-649 strony internetowe wroclaw Thu, 22 May 2008 19:43:45 +0000 http://foohack.com/2007/10/top-5-css-mistakes/#comment-649 Hey! Yes, there are twoo millions pages about vertical aligment in CSS! That sucks, but it's true. I've had the same situation with virtual-aligmnet! cheers Hey! Yes, there are twoo millions pages about vertical aligment in CSS! That sucks, but it’s true. I’ve had the same situation with virtual-aligmnet! cheers

]]> By: Cornices http://foohack.com/2007/10/top-5-css-mistakes/#comment-550 Cornices Thu, 10 Apr 2008 08:21:59 +0000 http://foohack.com/2007/10/top-5-css-mistakes/#comment-550 That's truth! BTW: Please check your site, problaby it's css inconsistent! That’s truth! BTW: Please check your site, problaby it’s css inconsistent!

]]> By: Dave Gregory http://foohack.com/2007/10/top-5-css-mistakes/#comment-426 Dave Gregory Mon, 10 Mar 2008 22:54:54 +0000 http://foohack.com/2007/10/top-5-css-mistakes/#comment-426 Good writeup. I find one of the more painful ones is: % font sizes being relative to parent, not base I would also like to see this be possible .box { margin-left:2em-12px; } I can think of several places where this could be very useful... especially since we dont have four corner backgrounds.. one can wish.. :D Good writeup. I find one of the more painful ones is:
% font sizes being relative to parent, not base
I would also like to see this be possible
.box { margin-left:2em-12px; }
I can think of several places where this could be very useful… especially since we dont have four corner backgrounds.. one can wish.. :D

]]> By: Isaac http://foohack.com/2007/10/top-5-css-mistakes/#comment-337 Isaac Tue, 29 Jan 2008 09:43:27 +0000 http://foohack.com/2007/10/top-5-css-mistakes/#comment-337 That nested braces thing would be amazing, purely for this kind of thing: <code class="block css">.navigation, #ft, .sidebar, .entry-meta { p, div { a { color:#000; } a:hover, a:active, a:focus { color:#f00; } } }</code> Compare with the existing style: <code class="block css">.navigation p a, .navigation div a, #ft p a, #ft div a, .sidebar p a, .sidebar div a, .entry-meta p a, .entry-meta div a { color:#000; } .navigation p a:hover, .navigation div a:hover, #ft p a:hover, #ft div a:hover, .sidebar p a:hover, .sidebar div a:hover, .entry-meta p a:hover, .entry-meta div a:hover, .navigation p a:active, .navigation div a:active, #ft p a:active, #ft div a:active, .sidebar p a:active, .sidebar div a:active, .entry-meta p a:active, .entry-meta div a:active, .navigation p a:focus, .navigation div a:focus, #ft p a:focus, #ft div a:focus, .sidebar p a:focus, .sidebar div a:focus, .entry-meta p a:focus, .entry-meta div a:focus { color:#f00; }</code> Sure, maybe it just means that the page needs to be better organized markup-wise, but that's not always an option. I seriously pine for this functionality on a nearly daily basis, so much so that I've often considered writing a compiler just to get it. Combinatorix should be done by computers. That nested braces thing would be amazing, purely for this kind of thing:

.navigation, #ft, .sidebar, .entry-meta {
p, div {
a {
color:#000;
}
a:hover, a:active, a:focus {
color:#f00;
}
}
}

Compare with the existing style:

.navigation p a,
.navigation div a,
#ft p a,
#ft div a,
.sidebar p a,
.sidebar div a,
.entry-meta p a,
.entry-meta div a {
color:#000;
}
.navigation p a:hover,
.navigation div a:hover,
#ft p a:hover,
#ft div a:hover,
.sidebar p a:hover,
.sidebar div a:hover,
.entry-meta p a:hover,
.entry-meta div a:hover,
.navigation p a:active,
.navigation div a:active,
#ft p a:active,
#ft div a:active,
.sidebar p a:active,
.sidebar div a:active,
.entry-meta p a:active,
.entry-meta div a:active,
.navigation p a:focus,
.navigation div a:focus,
#ft p a:focus,
#ft div a:focus,
.sidebar p a:focus,
.sidebar div a:focus,
.entry-meta p a:focus,
.entry-meta div a:focus {
color:#f00;
}

Sure, maybe it just means that the page needs to be better organized markup-wise, but that’s not always an option. I seriously pine for this functionality on a nearly daily basis, so much so that I’ve often considered writing a compiler just to get it.

Combinatorix should be done by computers.

]]> By: Isaac http://foohack.com/2007/10/top-5-css-mistakes/#comment-209 Isaac Wed, 28 Nov 2007 22:03:28 +0000 http://foohack.com/2007/10/top-5-css-mistakes/#comment-209 Apparently, <a href="http://www.last.fm/music/CSS/_/CSS+Suxx" rel="nofollow">these guys agree</a>! ;) Apparently, these guys agree! ;)

]]>