Vanilla CSS Un-Reset

The Vanilla CSS ‘Un-Reset’, by Joen Asmussen of NoScope is designed to work in tandem with any other CSS Reset, by effectively redefining those styles that were previously wiped clean with your resetting weapon of choice.

As you probably know already, by using a CSS Reset script in your stylesheet you can “level the playing field”, and remove all those quirky default browser (user agent) CSS styles. This ensures a consistent cross-platform experience.

Great. It’s reset everything. Now what?

After using a CSS Reset, there is a certain amount of groundwork needed, just to un-reset the reset browser styles, such as defining typography, headers, basic HTML elements, lists, forms and margins etc. – this repetitive process can be highly time consuming.

Enter Vanilla.

Vanilla is meant to be pasted into your CSS stylesheet, then adjusted and tweaked as needed. It

2 thoughts on “Vanilla CSS Un-Resetadd yours
  1. This is a really good idea. I have my own “CSS standards” that I implement after my resets. I’ll start modifying this instead as it’s far more complete.

    • Joss said: #

      Exactly! I actually use my own set of “CSS un-reset” styles, modified from the HTML5 Boilerplate’s CSS stylesheet. Text-selection highlight colour FTW!

Leave a reply
this will never be published