Maximum builders would by no means need to construct a web site totally from scratch. This leaves two choices: paintings with a frontend framework or use a customized reset.
The most well liked reset is Normalize which codecs all browser default types the similar, making it more straightforward to stay consistency throughout other OS’ and browsers.
For those who take a look at Normalize you’ll more than likely adore it. However Nanoreset is an alternative choice that’s constructed for pace.
Learn Additionally: Using Normalize.css For Homogeneous Development
This loose reset library measures a loopy 950 bytes when minified. That’s more than likely the smallest reset I’ve ever noticed to this point.
It helps all primary browsers and customizes all fundamental web page components for all rendering engines. You simply come with the Nanoreset CSS report into your web page or merge it together with your stylesheet the use of a code minifier.
And this loose reset couldn’t be more straightforward to make use of. It really works thru package deal managers npm and Yarn so you’ll obtain a replica directly from the terminal window. Or you’ll nab a replica from an online CDN which might lend a hand speed up the weight time.
The CDN recordsdata additionally permit you to embed this reset into CodePen or any on-line cloud IDE. This fashion you’ll check the reset on your browser with out downloading a unmarried report.
For those who’d like to peer how the web page appears through default have a peek at this demo additionally hosted on GitHub. It’s in no way a beautiful sight however it offers you an concept of the defaults it’s important to paintings with.
This library is launched underneath the MIT license so it’s open sourced and to be had for all sorts of internet initiatives.
The whole lot you wish to have to get began may also be discovered at the main GitHub repo in order that’s where to move for toying round with Nanoreset.
The publish Nanoreset – The Tiniest CSS Reset Weighing Less than 1KB gave the impression first on Hongkiat.
WordPress Website Development Source: https://www.hongkiat.com/blog/nanoreset-css-resets/