Most recent post
Using max-width on images can make them disappear in IE8
I recently ran into a problem that was really hard to figure out. I was working on a responsive design where I used img {max-width:100%;} to make sure that images would be downsized rather than overflow in narrower viewports.
It worked great everywhere… until I went to check in IE8. The site’s logo was gone! None of the usual IE bug fixes cured the problem, and it took me quite a while to realise that max-width was part of the problem.
Slightly older posts
How to adjust an iframe element’s height to fit its content
In some cases JavaScript can be used to resize an iframe element to make it as tall as its content, making it look like the content is part of the parent page.
Visited links can only be differentiated by colour
It used to be possible to apply any CSS to visited links. This has privacy issues, so most browsers have implemented styling restrictions and only allow colours to be changed.
The difference between width:auto and width:100%
If you're using width:100% to undo a previously set width on a block level element, you should probably be using width:auto instead. Here's why.
Styling buttons in iOS WebKit and -webkit-appearance:none
When applying CSS to buttons there are some odd behaviours in WebKit browsers for iOS. Luckily there are at least two ways of working around them.
Screen readers and CSS
Some CSS intended for visual media types only has unexpected and semantic effects on screen readers.
JavaScript-created markup also needs to be semantic and accessible
Browsers, assistive technology and end users have to deal with non-semantic markup even if it is inserted by JavaScript functions.
An accessible, keyboard friendly custom select menu
A way of styling the closed state of select elements without sacrificing accessibility.