Nanoreset – The Tiniest CSS Reset Weighing Less than 1KB

Most developers would never wish to build a site totally from scratch. This leaves dual options: work with a frontend framework or use a tradition reset.

The many renouned reset is Normalize that formats all browser default styles a same, creation it easier to keep coherence opposite opposite OS’ and browsers.

If we try Normalize you’ll substantially adore it. But Nanoreset is another choice that’s built for speed.

nanoreset librarynanoreset library

This giveaway reset library measures a crazy 950 bytes when minified. That’s substantially a smallest reset I’ve ever seen to date.

It supports all vital browsers and customizes all simple page elements for all digest engines. You only embody a Nanoreset CSS record into your page or combine it with your stylesheet regulating a code minifier.

And this giveaway reset couldn’t be easier to use. It works by package managers npm and Yarn so we can download a duplicate true from a depot window. Or we can seize a duplicate from an online CDN that might assistance speed up a bucket time.

The CDN files also let we hide this reset into CodePen or any online cloud IDE. This approach we can exam a reset in your browser though downloading a singular file.

css resets with nanoresetcss resets with nanoreset

If you’d like to see how a page looks by default have a look at this demo also hosted on GitHub. It’s positively not a flattering steer though it gives we an thought of a defaults we have to work with.

This library is expelled underneath a MIT license so it’s open sourced and accessible for all forms of web projects.

Everything we need to get started can be found on a main GitHub repo so that’s a place to go for toying around with Nanoreset.

Add Comment