Comments on: Building sites without using IDs or classes http://csswizardry.com/2010/04/building-sites-without-using-ids-or-classes/ Just another WordPress weblog Wed, 16 May 2012 08:06:44 +0100 http://wordpress.org/?v=2.8.6 hourly 1 By: Nikki http://csswizardry.com/2010/04/building-sites-without-using-ids-or-classes/#comment-3504 Nikki Sat, 10 Jul 2010 21:43:20 +0000 http://csswizardry.com/?p=1216#comment-3504 Interesting experiment. Wish I could use CSS3 selectors in practice tho! Interesting experiment. Wish I could use CSS3 selectors in practice tho!

]]> By: Jaina http://csswizardry.com/2010/04/building-sites-without-using-ids-or-classes/#comment-1544 Jaina Tue, 20 Apr 2010 09:22:51 +0000 http://csswizardry.com/?p=1216#comment-1544 Really interesting to see how this was done - thanks for showing us the pros and cons. It's refreshing seeing an article like this showing the negatives of using CSS3 selectors, rather than saying, "hey this is cool, everyone do this!". However I always feel a little teased when i see these things, i love where HTML and CSS is progressing, i just wish i could actually start using it commercially. Really interesting to see how this was done – thanks for showing us the pros and cons. It’s refreshing seeing an article like this showing the negatives of using CSS3 selectors, rather than saying, “hey this is cool, everyone do this!”.

However I always feel a little teased when i see these things, i love where HTML and CSS is progressing, i just wish i could actually start using it commercially.

]]> By: Adal Design http://csswizardry.com/2010/04/building-sites-without-using-ids-or-classes/#comment-1429 Adal Design Tue, 13 Apr 2010 05:54:51 +0000 http://csswizardry.com/?p=1216#comment-1429 Nice reflexion, and cudos for taking that project all the way, even just for kicks! Advanced selectors are EXTREMELY convenient in my experience for certain usages, the most obvious being the styling of dynamically generated content in situations such as WordPress. Much of the dynamic content of a CMS based website is a repetition of the same structures. Placing a class or ID on a father element containing multiple repetitions of the same structure creates an ideal situation to then make use of advanced selectors. Clearly it's not all one or the other, but rather a savvy balance that makes perfection. Nice reflexion, and cudos for taking that project all the way, even just for kicks!

Advanced selectors are EXTREMELY convenient in my experience for certain usages, the most obvious being the styling of dynamically generated content in situations such as WordPress.
Much of the dynamic content of a CMS based website is a repetition of the same structures. Placing a class or ID on a father element containing multiple repetitions of the same structure creates an ideal situation to then make use of advanced selectors.

Clearly it’s not all one or the other, but rather a savvy balance that makes perfection.

]]> By: NIels Matthijs http://csswizardry.com/2010/04/building-sites-without-using-ids-or-classes/#comment-1416 NIels Matthijs Mon, 12 Apr 2010 07:17:02 +0000 http://csswizardry.com/?p=1216#comment-1416 Very good article. Especially the point about adapting the code is a good one. I'm not a big fan of this "ultraclean" markup either. One thing though. These selectors do have a clear function. CSS can describe structure if the design requires it. Like first/last elements with different stylings, or a grid marked up with a floated list. I'm missing that a little in your article. Apart from that, good stuff! Very good article.

Especially the point about adapting the code is a good one. I’m not a big fan of this “ultraclean” markup either.

One thing though. These selectors do have a clear function. CSS can describe structure if the design requires it. Like first/last elements with different stylings, or a grid marked up with a floated list. I’m missing that a little in your article.

Apart from that, good stuff!

]]> By: Kroc Camen http://csswizardry.com/2010/04/building-sites-without-using-ids-or-classes/#comment-1411 Kroc Camen Sun, 11 Apr 2010 19:48:52 +0000 http://csswizardry.com/?p=1216#comment-1411 @Usable Efficiency. IE is 5% of my stats. Not worth my time. Know your market, know your audience. @Usable Efficiency. IE is 5% of my stats. Not worth my time. Know your market, know your audience.

]]> By: Usable Efficiency http://csswizardry.com/2010/04/building-sites-without-using-ids-or-classes/#comment-1391 Usable Efficiency Sat, 10 Apr 2010 08:59:27 +0000 http://csswizardry.com/?p=1216#comment-1391 Kroc Camen :: I dont mean to be an 'ass' either but have you looked at your site in IE? Any version of IE. Its like it has no stylesheet. 60% + use IE on an everyday use. HTML5 isnt supported yet, its not time to produce something like this yet, this is the authors point. Kroc Camen :: I dont mean to be an ‘ass’ either but have you looked at your site in IE? Any version of IE. Its like it has no stylesheet. 60% + use IE on an everyday use. HTML5 isnt supported yet, its not time to produce something like this yet, this is the authors point.

]]> By: Creative Nuts http://csswizardry.com/2010/04/building-sites-without-using-ids-or-classes/#comment-1389 Creative Nuts Sat, 10 Apr 2010 07:26:38 +0000 http://csswizardry.com/?p=1216#comment-1389 great idea :) great idea :)

]]> By: Winnipeg Web Design http://csswizardry.com/2010/04/building-sites-without-using-ids-or-classes/#comment-1387 Winnipeg Web Design Sat, 10 Apr 2010 01:43:41 +0000 http://csswizardry.com/?p=1216#comment-1387 There is a simple way of some of the layout and desing working with HTML5/CSS3 working in IE. http://jaredheinrichs.com/how-you-can-use-html5-now-even-with-older-browsers.html Hope that helps some people :) There is a simple way of some of the layout and desing working with HTML5/CSS3 working in IE. http://jaredheinrichs.com/how-you-can-use-html5-now-even-with-older-browsers.html

Hope that helps some people :)

]]> By: Jeremy Carlson http://csswizardry.com/2010/04/building-sites-without-using-ids-or-classes/#comment-1378 Jeremy Carlson Fri, 09 Apr 2010 19:12:24 +0000 http://csswizardry.com/?p=1216#comment-1378 Wow, even though i knew this was possible, I would never have bothered to try it do to the sheer absurdity of the css. What a pain in the rear, and I would have been frustrated because I wouldn't remember what nth child I would have been trying to target. Cool to see though! @Kroc....very cool site. I liked the article "How to Centre and Layout Pages Without a Wrapper". Didn't really think of that, and very clean and cool way to do it. Wow, even though i knew this was possible, I would never have bothered to try it do to the sheer absurdity of the css. What a pain in the rear, and I would have been frustrated because I wouldn’t remember what nth child I would have been trying to target. Cool to see though!

@Kroc….very cool site. I liked the article “How to Centre and Layout Pages Without a Wrapper”. Didn’t really think of that, and very clean and cool way to do it.

]]> By: M. David Green http://csswizardry.com/2010/04/building-sites-without-using-ids-or-classes/#comment-1375 M. David Green Fri, 09 Apr 2010 17:11:51 +0000 http://csswizardry.com/?p=1216#comment-1375 A simple Javascript shiv for HTML5 element support in IE makes an experiment like this even more practical. If you're working with CSS3, the current popular understanding of HTML5 as it's implemented should probably be assumed. It's a shame so many of the examples of working sites in the comments built along these lines crash and burn in IE6. But it's useful to see how far you can stretch the advanced selectors when you have to. A simple Javascript shiv for HTML5 element support in IE makes an experiment like this even more practical. If you’re working with CSS3, the current popular understanding of HTML5 as it’s implemented should probably be assumed. It’s a shame so many of the examples of working sites in the comments built along these lines crash and burn in IE6. But it’s useful to see how far you can stretch the advanced selectors when you have to.

]]>