Nanoreset - de kleinste CSS-reset met een gewicht van minder dan 1 KB

De meeste ontwikkelaars zouden nooit een site helemaal vanaf nul willen bouwen. Dit laat twee opties over: werk met een frontend raamwerk of gebruik een aangepaste reset.

De meest populaire reset is Normaliseren waarmee alle standaardstijlen van de browser worden opgemaakt hetzelfde, waardoor het eenvoudiger wordt om de consistentie tussen verschillende OS 'en browsers te behouden.

Als je Normalize probeert, zul je het waarschijnlijk leuk vinden. Maar Nanoreset is een andere optie die is gebouwd voor snelheid.

Deze gratis reset-bibliotheek meet een idioot 950 bytes wanneer geminimaliseerd. Dat is waarschijnlijk de kleinste reset die ik tot nu toe heb gezien.

Het ondersteunt alle belangrijke browsers en past alle elementaire pagina-elementen aan voor alle rendering engines. U neemt gewoon het CSS-bestand van Nanoreset op in uw pagina of voegt het samen met uw stylesheet met behulp van een code minifier.

En deze gratis reset kan niet eenvoudiger zijn om te gebruiken. Het werkt via pakketmanagers npm en Yarn, dus dat kan download een kopie rechtstreeks vanuit het terminalvenster. Of u kunt een kopie van een online CDN nabeiden, wat kan helpen de laadtijd te versnellen.

Met de CDN-bestanden kunt u deze reset ook in CodePen of een online cloud-IDE insluiten. Op deze manier kunt u de reset in uw browser testen zonder een enkel bestand te downloaden.

Als je wilt zien hoe de pagina er standaard uitziet, kijk dan eens naar deze demo die ook op GitHub wordt gehost. Het is zeker geen mooi gezicht, maar het geeft je een idee van de standaardwaarden waarmee je moet werken.

Deze bibliotheek is vrijgegeven onder de MIT-licentie dus het is open source en beschikbaar voor alle soorten webprojecten.

Alles wat je nodig hebt om aan de slag te gaan, is te vinden op de hoofdpagina van de GitHub, dus dat is de plek om rond te toeren met Nanoreset.