Comments on: Howto: 3 Easy Ways To Speed Up CSS Development While Staying Organized http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/ designs stuff and writes code. Wed, 01 Sep 2010 17:56:59 +0000 http://wordpress.org/?v=2.9 hourly 1 By: 생활지혜 http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/comment-page-1/#comment-162438 생활지혜 Tue, 06 Jan 2009 19:15:51 +0000 http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/#comment-162438 실내 온도를 빨리 올리고 싶다면 가습기를 튼다 외출 후 돌아와서 집이 추울 때 보일러 온도를 무작정 높이지 말고 적당한 온도로 맞춘다. 대신 가습기를 틀어 집에 습기를 더한다. 보일러를 작동시키면 바닥이 덥혀지면서 집이 따뜻해지는데, 습도가 높으면 공기 순환이 빨라져 집이 빨리 데워지는 효과가 있다. 출처:다음카페 생활의지혜! 실내 온도를 빨리 올리고 싶다면 가습기를 튼다

외출 후 돌아와서 집이 추울 때 보일러 온도를 무작정 높이지 말고 적당한 온도로 맞춘다.

대신 가습기를 틀어 집에 습기를 더한다.

보일러를 작동시키면 바닥이 덥혀지면서 집이 따뜻해지는데,

습도가 높으면 공기 순환이 빨라져 집이 빨리 데워지는 효과가 있다.

출처:다음카페 생활의지혜!

]]> By: fornetti http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/comment-page-1/#comment-142311 fornetti Sat, 30 Aug 2008 22:08:55 +0000 http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/#comment-142311 I do not believe this I do not believe this

]]> By: Hjemmesidedesign http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/comment-page-1/#comment-121957 Hjemmesidedesign Wed, 11 Jun 2008 10:27:46 +0000 http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/#comment-121957 Thanks for the article. I'm mostly very messy with my coding, so great with some tips. Thanks for the article. I’m mostly very messy with my coding, so great with some tips.

]]> By: RORSWEAPS http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/comment-page-1/#comment-108490 RORSWEAPS Thu, 20 Mar 2008 21:40:16 +0000 http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/#comment-108490 Hello Hello

]]> By: The Sai Chronicles » Blog Archive » temp http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/comment-page-1/#comment-78095 The Sai Chronicles » Blog Archive » temp Tue, 18 Dec 2007 20:13:28 +0000 http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/#comment-78095 [...] Howto: 3 Easy Ways To Speed Up CSS Development While Staying Organized [...] [...] Howto: 3 Easy Ways To Speed Up CSS Development While Staying Organized [...]

]]> By: dfile http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/comment-page-1/#comment-71094 dfile Tue, 27 Nov 2007 05:44:55 +0000 http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/#comment-71094 I came across you're blog while searching for info about CSS frameworks. Your use of the "selected" class is a great idea. Although I've certainly used some IE hacks in my style sheets, I've read that conditional statements are the better way to go. But using both almost seems contradictory... I'm not sure what I think about that. As for multiple classes per element, you should check out this nifty use of the method if you haven't seen it: <a href="http://kematzy.com/blueprint-generator/">http://kematzy.com/blueprint-generator/</a> I came across you’re blog while searching for info about CSS frameworks. Your use of the “selected” class is a great idea.

Although I’ve certainly used some IE hacks in my style sheets, I’ve read that conditional statements are the better way to go. But using both almost seems contradictory… I’m not sure what I think about that.

As for multiple classes per element, you should check out this nifty use of the method if you haven’t seen it:

http://kematzy.com/blueprint-generator/

]]> By: Wok http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/comment-page-1/#comment-67140 Wok Sun, 18 Nov 2007 01:50:53 +0000 http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/#comment-67140 “you can’t apply more than one class to an element” The value of a <code>class</code> attribute is syntactically a string, but it is better thought of as a whitespace-separated list of strings. This element <code><li class="whatever another">hello</li></code> would be matched by these CSS 1 selectors <code>li.whatever, li.another, li.whatever.another</code>, and by this CSS 3 selector <code>li[class~=whatever], li[class~=another], li[class~=another][class~=whatever]</code>, if I recall correctly. Hope this helps, cheers from France. “you can’t apply more than one class to an element”

The value of a class attribute is syntactically a string, but it is better thought of as a whitespace-separated list of strings. This element <li class="whatever another">hello</li> would be matched by these CSS 1 selectors li.whatever, li.another, li.whatever.another, and by this CSS 3 selector li[class~=whatever], li[class~=another], li[class~=another][class~=whatever], if I recall correctly. Hope this helps, cheers from France.

]]> By: Technology Design Stories » 3 Easy Ways to Speed Up CSS Development While Staying Organized http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/comment-page-1/#comment-63492 Technology Design Stories » 3 Easy Ways to Speed Up CSS Development While Staying Organized Fri, 09 Nov 2007 11:30:27 +0000 http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/#comment-63492 [...] When developing large sites, stylesheets can get fairly messy and hard to keep track of. If you don’t stay organized, you can end up making them larger than they really need to be and doing more work than you should have to. Here’s just a few ways to can help avoid that.read more | digg story [...] [...] When developing large sites, stylesheets can get fairly messy and hard to keep track of. If you don’t stay organized, you can end up making them larger than they really need to be and doing more work than you should have to. Here’s just a few ways to can help avoid that.read more | digg story [...]

]]> By: DHW http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/comment-page-1/#comment-57897 DHW Thu, 18 Oct 2007 14:55:38 +0000 http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/#comment-57897 For IE-specific CSS, I prefer using conditional comments to add a body class; that way I can keep all my CSS together but not depend on hacks that are by definition unreliable. It also makes the IE-specificity explicit. See http://www.puidokas.com/updating-my-css-for-ie7/ <code> So in my HTML: <!--[if lt IE 7]> <body class="IE IElt7"> <![endif]--> <!-- New Internet Explorer --> <!--[if gte IE 7]> <body class="IE "> <![endif]--> <!-- Any other browser --> <!--[if !IE]>--> <body class="notIEc" > <!--<![endif]--> </code> and in the stylesheet: <code> whatever { width: 10px; } .IElt7 whatever {width: 20px; } </code> The HTML is somewhat ugly but is valid and with a coloring editor the conditional comments are all comment-looking and don't bother your brain as much. Danny For IE-specific CSS, I prefer using conditional comments to add a body class; that way I can keep all my CSS together but not depend on hacks that are by definition unreliable. It also makes the IE-specificity explicit.
See http://www.puidokas.com/updating-my-css-for-ie7/

So in my HTML:
<!--[if lt IE 7]>
<body class="IE IElt7">
<![endif]-->
<!-- New Internet Explorer -->
<!--[if gte IE 7]>
<body class="IE ">
<![endif]-->
<!-- Any other browser -->
<!--[if !IE]>-->
<body class="notIEc" >
<!--<![endif]-->

and in the stylesheet:

whatever { width: 10px; }
.IElt7 whatever {width: 20px; }

The HTML is somewhat ugly but is valid and with a coloring editor the conditional comments are all comment-looking and don’t bother your brain as much.

Danny

]]> By: Gas Fornuis http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/comment-page-1/#comment-55595 Gas Fornuis Sun, 07 Oct 2007 17:25:43 +0000 http://www.elliotswan.com/2007/09/19/howto-3-easy-ways-to-speed-up-css-development-while-staying-organized/#comment-55595 I'm using your tips as well and I use sections defined by comments. If I have to use any hacks for ie, I'll put them in a different sheet. Though I like to keep them to a bare minimum, usually working around the the problem. And assigning an id of class to the body element is something I can't live without, great for background image switching ;) I’m using your tips as well and I use sections defined by comments. If I have to use any hacks for ie, I’ll put them in a different sheet. Though I like to keep them to a bare minimum, usually working around the the problem.

And assigning an id of class to the body element is something I can’t live without, great for background image switching ;)

]]>