How to Target IE6, IE7, and IE8 Uniquely with 4 Characters [CSS Hacks]
Some interesting new CSS hacks: body { color: red; /* all browsers, of course */ color : green\9; /* IE8 and below */ *color : yellow; /* IE7 and below */ _color : orange; /* IE6 */ } Sure, specific CSS should be served using conditional comments, but every so often, a good ol’ CSS [...]
Invoke Google Chrome Frame When Available
Google recently changed the way you harness the power of Google Chrome Frame in Internet Explorer. Chrome Frame is the plugin which adds Google Chrome as a browser renderer inside Internet Explorer, giving you access to, among other things, HTML5. Previously, you inserted a simple meta tag. Now you have to send the headers programmatically. [...]
Testing Browsers In 2009: Instant Screenshots
Browsershots has been around for a while, but I’ve always found it a hassle to work with. And so, Geotek Datentechnik’s NetRenderer is a welcome product. It’ll screenshot your website almost instantly. Works remarkably well.
Handle IE8: Use Chrome Frame If Available, Fallback To IE7 [Updated]
Internet Explorer 8 wasn’t a welcome surprise. While the new rendering engine was supposed to be more standards compliant, the CSS engine wasn’t updated similarly, so the net result was it couldn’t render advanced CSS layouts anyway, even if it tried to. The solution was to add a meta tag to tell IE8 to use [...]
Fixing The Box Model [Update]
As great as web standards are, the standard against which box widths are measured is ridiculous. The details are all explained in this image, but suffice to say the width of a box doesn’t count its padding or borders. Fortunately you can fix this. Simply use the following CSS: .box { -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; [...]
IE6 & IE7 Inline CSS Hacks
This page details an inline CSS hack for Internet Explorer 6 and 7 on Windows. The best idea, however, would be to serve a separate stylesheet for each browser you’re hacking to. Storing it here for my own posterity, these are inline CSS stylesheet hacks for Internet Explorer 6 and 7. Using these, you can [...]
CSS3 Property "img:after" in Firefox?
The code is fairly simple: img:after { content: “Hello World”; }. It displays the text “Hello World” right after an image. It works in Opera, but not in Firefox! Why is that? Isn’t Firefox supposed to be the new black? For those of you pondering the Why of this, try out img:after { content: “(” [...]
WordPress 2.01 Released
What would probably be considered a bugfix release, WordPress 2.01 has been released. Among the changes I’ve been looking forward to: Permalinks have been fixed for weird enviroments as well. “Weird”? Quite a few people had problems. Several WYSIWYG fixes and cleanups. See the full bugfix list, and download the package.