Last year Eric Meyer documented his thoughts on resetting the styles of a web page to a common baseline. For designers who crave pixel-perfect layouts, differences between the default styles that each browser applies can be infuriating, and this was a terrific approach to leveling the playing field in the quest for an identical render across all browsers.
His comments when he first released the style reset rules were that they were:
… not a case of “everyone must use these styles in a certain way without alteration”. Nor am I saying that everyone must use them or else be cast into darkness. Remember before that I termed these “my take on the topic of reset styles” (emphasis added). Your take may be subtly or greatly different.
However, he recently released a modified version that reworked some of those styles, and in doing so conceded that this really could be a consistent benchmark from which to begin developing style rules that behave predictably in all browsers:
… over time, I’ve come to realize that this is more than just a throwaway development tool. It really is the beginning of a baseline style sheet. (Or can be.) Things like boldfacing and italics are some of the most obvious textual effects readers will see, and to have reset styles that treat them inconsistently across browsers doesn’t make sense.
Thanks Eric, for delving into the frustrating world of browser-specific styles and stamping them out so that we don’t have to!
Matthew Magain is a UX designer with over 15 years of experience creating exceptional digital experiences for companies such as IBM, Australia Post, and sitepoint.com. He is currently the Chief Doodler at Sketch Group, Co-founder of UX Mastery, and recently co-authored Everyday UX, an inspiring collection of interviews with some of the best UX Designers in the world. Matthew is also the creator of Charlie Weatherburn and the Flying Machine.