Vanderbrew » CSS http://vanderbrew.com/blog Beer, Food, Code, Writing, Creativity, Life Thu, 16 Oct 2008 07:10:46 +0000 http://wordpress.org/?v=2.5 en Body classes for page specific CSS http://vanderbrew.com/blog/2007/06/12/body-classes-for-page-specific-css/ http://vanderbrew.com/blog/2007/06/12/body-classes-for-page-specific-css/#comments Wed, 13 Jun 2007 04:35:30 +0000 matt http://vanderbrew.com/blog/2007/06/12/body-classes-for-page-specific-css/ I generally write common CSS that applies to all pages and handle special overrides for a particular page or section by setting a class on the body tag


<body class=”pressRelease”>

Then if you usually style h2’s on the site with a border-bottom, you can easily make press release h2’s not have a border-bottom


h2 { border-bottom: 1px solid #666; }

body.pressRelease h2 { border-bottom: none; }

This lets you easily group page or section specific overrides together and identify them in a contextual way.

]]> http://vanderbrew.com/blog/2007/06/12/body-classes-for-page-specific-css/feed/ CSS/JS Grabbag http://vanderbrew.com/blog/2007/02/07/cssjs-grabbag/ http://vanderbrew.com/blog/2007/02/07/cssjs-grabbag/#comments Thu, 08 Feb 2007 05:57:36 +0000 matt http://vanderbrew.com/blog/2007/02/07/cssjs-grabbag/ I’ve been doing some HTML/CSS/JS work for various clients at work recently and I’ve come across some very useful articles/tips for doing stuff. I’m sure none of this is new but if I only encountered it recently, maybe others haven’t yet.

Selfclearing Elements - Don’t you hate it when you float an element and the container doesn’t get the height correctly. Then, maybe you float the container, but that causes problems with other things. Then you try adding an element just to hang a clear on to fix it and now you’re cluttering up your pristine markup with garbage… There is a solution and it’s even elegant.

z-index/stacking - So, if you want something to appear above something else on a page, you just give it a higher z-index, right? That’s what I’ve always thought but I was never really satisfied with that because it didn’t always work the way I expected it to. I didn’t totally understand it so, when I had to fix something with z-indexes, I tended to just try different values in different places until I found something that works. No more. I found Overlapping and Z index and now it all makes sense.

JavaScript the JSON way - It’s pretty amazing how far the JavaScript language has come in the last few years. One of the coolest things I’ve seen recently is the technique for organizing your code with JSON to prevent function name collision and make things generally cleaner. Dustin Diaz has a great introduction to the method that will get you rolling with the JSON goodness.

]]> http://vanderbrew.com/blog/2007/02/07/cssjs-grabbag/feed/