Nanoreset - Der kleinste CSS-Reset mit einem Gewicht von weniger als 1 KB

Die meisten Entwickler möchten niemals eine Website komplett neu erstellen. Es verbleiben zwei Optionen: mit einem Frontend-Framework arbeiten oder ein benutzerdefiniertes Zurücksetzen verwenden.

Der beliebteste Reset ist Normalisieren Sie die Formate aller Browser-Standardstile Dies erleichtert die Konsistenz zwischen verschiedenen Betriebssystemen und Browsern.

Wenn Sie Normalize ausprobieren, werden Sie es wahrscheinlich lieben. Aber Nanoreset ist eine weitere Option, die auf Geschwindigkeit ausgelegt ist.

Diese kostenlose Reset-Bibliothek misst verrückt 950 Bytes wenn abgebaut Das ist wahrscheinlich der kleinste Reset, den ich je gesehen habe.

Es unterstützt alle gängigen Browser und passt alle grundlegenden Seitenelemente an für alle Rendering-Engines. Sie fügen einfach die Nanoreset-CSS-Datei in Ihre Seite ein oder führen sie mit einem Code-Minifier mit Ihrem Stylesheet zusammen.

Und dieser kostenlose Reset könnte nicht einfacher zu bedienen sein. Es funktioniert durch die Paketmanager npm und Yarn, damit Sie es können Laden Sie eine Kopie direkt aus dem Terminalfenster herunter. Oder Sie können eine Kopie von einem Online-CDN auswählen, was die Ladezeit beschleunigen kann.

Mit den CDN-Dateien können Sie diesen Reset auch in CodePen oder eine beliebige Online-Cloud-IDE einbetten. Auf diese Weise können Sie den Reset in Ihrem Browser testen, ohne eine einzelne Datei herunterzuladen.

Wenn Sie wissen möchten, wie die Seite standardmäßig aussieht, werfen Sie einen Blick auf diese Demo, die auch auf GitHub gehostet wird. Es ist sicherlich kein schöner Anblick, aber es gibt Ihnen eine Vorstellung von den Standardeinstellungen, mit denen Sie arbeiten müssen.

Diese Die Bibliothek wird unter der MIT-Lizenz veröffentlicht Daher ist es Open Source und für alle Arten von Webprojekten verfügbar.

Alles, was Sie für den Einstieg benötigen, finden Sie im GitHub-Repo. Hier können Sie sich mit Nanoreset austoben.