everything flows » html http://www.lukerodgers.ca a celestial emporium of benevolent knowledge Thu, 29 Jul 2010 17:12:10 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Facebook uses browser-specific body classes http://www.lukerodgers.ca/2009/08/facebook-uses-browser-specific-body-classes/ http://www.lukerodgers.ca/2009/08/facebook-uses-browser-specific-body-classes/#comments Thu, 20 Aug 2009 04:00:53 +0000 Luke Rodgers http://www.lukerodgers.ca/?p=607 Having recently worked on a website for which page load and performance was really important, I’ve found myself viewing the source code for more and more sites. Taking a look at Facebook recently revealed that they use browser-specific classes on the body element, so that if you’re browsing with Safari 4, you’ll see something like:

<body class="home safari4 Locale_en_GB chat_body">

If you’re already browser sniffing, this might be a better idea for applying targeted CSS rules than including an extra stylesheet with conditional comments (which means an extra HTTP request), or using the underscore hack (IE6), or star hack (IE7) which cause invalid CSS.

]]> http://www.lukerodgers.ca/2009/08/facebook-uses-browser-specific-body-classes/feed/ 0