Vanilla CSS Un-Reset
Depending on how you design websites, you may or may not come to love Vanilla CSS Un-Reset.
When I build something, I start by tearing things apart. I demolish everything and spread the remains. Scorched earth. I then rebuild from the ashes. Taking that metaphor to web design, that means unstyling all the different base styles that browsers provide. This is important especially because these base styles are different from browser to browser.
This is where Yahoos CSS Reset comes in handy. It removes everything. All margins, bullets and paddings. Rebuilding a consistent experience is now somewhat easier, since you don’t have to try and debug the odd browser by guessing if the trouble is caused by remains of a base style.
Only, most of the rebuilding done is likely to overlap from project to project. For example, bold and italic should remain bold and italic and paragraphs should have some margin here and there.
Vanilla CSS helps you rebuild somewhat quicker, by providing a new set of base-styles. You copy it and paste it in your stylesheet right after your reset. You tweak it and adjust it, and hopefully you save half an hour.
- It's Plugin Update Day!
- Vanilla CSS Un-Reset
- Domai.nr
- Hybrid WebApps
I have a similar stylesheet that I use for work, with basic typography built in. I’m curious about sizing in pts, though. I hate trying to work with pt sizes, why do you use them?
Well basically, with the advent of full-page zoom, I no longer use percentage sizes since both will scale the same. As such, I find it easier to work with px or pts, because, after all, it’s easier to grasph how big a 24pt font is, compared to a 200% size font.
That’s pretty much it.
Greate addition to the Yahoo Reset Joen. On the css page, an html example of the styling (how it looks) would be a great illustration of your css vanilla magic :)
Good idea.
Done.
http://noscope.com/vanilla-css/example
I’m using your stylesheet in Eleanor Hardwick’s website.
http://eleanorhardwick.com/
Joen, thank you for the wonderful work, you saw the void space and filled it in perfect precision. I always admired your css skills.
That’s a gorgeous website! Beautiful photography too.
I peeked at the CSS, and soon I’ll provide a minified version of the CSS as well. Great idea!
Oh, and the clearfix is actually included in Vanilla!
Thank you!
Things are much easier with these resets aren’t they.
Ah clever, the clearfix i overlooked it.
Oh a minified version would be lovely, thanks!
I’ve used Vanilla in 3 websites so far, i didn’t have to tweak it much at all.
Great work.
Joen, the minified version looks lovely but you might want to stop WordPress from styling the quotes and double quotes
: )
I’m trying, I’m trying! :)