New and updated Web browsers are released frequently, and I try to keep track of them all. This category contains articles that mention browser news, features, bugs, plug-ins, extensions, bookmarklets, and similar.
If you start seeing mysterious dots rendered on top of positioned elements in Firefox, check your text-overflow and z-index properties.
When you use an icon or other graphic instead of text for buttons, make sure there is real text for users who cannot see the image.
A different approach to using conditional comments to add class names for targeting CSS at different versions of Internet Explorer.
All browsers do not handle vertical scrollbars the same way when calculating the width to match in a media query.
Under some circumstances using a placeholder attribute on text input fields can cause overflow problems in WebKit-based browsers.
In page links do not work as expected (or as in other browsers) when activated by keyboard in WebKit browsers like Safari and Chrome.
Images that have a CSS max-width, a width attribute in the HTML, and are children of a floated element that has no explicit width set may be invisible in IE8.
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.
Microsoft is removing support for conditional comments in IE10. I don’t think they will be missed.
Tips for installing and running the iOS Simulator and the Android Emulator for testing your web sites on mobile devices without buying lots of hardware.
The Firefox default stylesheet uses the !important keyword when declaring line-height for text inputs. You can’t override this from an author stylesheet, so a workaround is necessary.
Some browsers don’t let you center button elements horizontally by assigning auto margins. Bug or not?
The contents of the title attribute in HTML is difficult or impossible to access in current browser implementations if you do not use a mouse.
If you for some reason have to use the non-standard X-UA-Compatible header to force standards mode in IE, be aware that it is invalid HTML5. Fortunately it is easy to fix.
Microsoft is trying to convince people to upgrade from IE6 through a website called The Internet Explorer 6 Countdown.
The HTML5 Validator extension for Firefox has received a number of updates and is now hosted on GitHub.
How to automatically validate HTML5 in Firefox by installing a local copy of Validator.nu and my HTML5 Validator Extension.
Checking your work in - and sometimes adapting it for - mobile browsers is quickly becoming more important. Testing is Opera Mobile and Opera Mini is pretty easy.
WebKit-based browsers do not include vertical scrollbars in the viewport width, which goes against the Media Queries specification and differs from Firefox and Opera.
Safari for iOS doesn’t offer text resizing. Two third-party browsers that do are iCab Mobile and Atomic Web Browser, both of which also reflow text after a font size change.