de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Nanoreset - Die kleinste CSS-Reset-Waage mit weniger als 1 KB

Die meisten Entwickler würden niemals eine Site komplett von Grund auf neu erstellen wollen. Damit bleiben zwei Optionen übrig: Arbeiten Sie mit einem Frontend-Framework oder verwenden Sie einen benutzerdefinierten Reset.

Der beliebteste Reset ist Normalize, der alle Standard-Styles des Browsers gleich formatiert, wodurch die Konsistenz zwischen verschiedenen Betriebssystemen und Browsern vereinfacht wird.

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

Diese freie Reset-Bibliothek misst eine verrückte 950 Bytes bei Minimierung. Das ist wahrscheinlich der kleinste Reset, den ich je gesehen habe.

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

Und dieses kostenlose Zurücksetzen könnte nicht einfacher zu verwenden sein. Es funktioniert durch die Paketmanager npm und Yarn, so dass Sie eine Kopie direkt aus dem Terminalfenster herunterladen können. Oder Sie können eine Kopie von einem Online-CDN erstellen, die die Ladezeit beschleunigen kann.

Mit den CDN-Dateien können Sie dieses Zurücksetzen auch in CodePen oder eine beliebige Online-Cloud-IDE einbetten. Auf diese Weise können Sie das Zurücksetzen in Ihrem Browser testen, ohne eine einzige Datei herunterladen zu müssen.

Wenn Sie sehen 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 Bibliothek wird unter der MIT-Lizenz veröffentlicht und ist daher für alle Arten von Webprojekten verfügbar.

Alles, was Sie brauchen, um loszulegen, finden Sie im GitHub Repo, wo Sie mit Nanoreset spielen können.

15 nützliche Web-Typografie-Tools, Bibliotheken und Frameworks

15 nützliche Web-Typografie-Tools, Bibliotheken und Frameworks

Der Umgang mit Typografie im Internet ist sehr eigenartig. Jeder Browser verfügt über einen eigenen Algorithmus zum Rendern von Zeichensätzen, der zu unerwarteten Diskrepanzen führen kann. Es gibt nur wenige CSS-Eigenschaften, die Sie verwenden können, um eine gewisse Kontrolle über Zeichensätze zu haben, wie zum Beispiel das Kerning von Schriftarten, die Glättung von Schriftarten, das Erstellen von DropCaps usw. Darübe

(Tech- und Design-Tipps)

Google Rich Cards - Verbessern Sie Ihre Suchergebnisse für höhere Klickraten und Conversions

Google Rich Cards - Verbessern Sie Ihre Suchergebnisse für höhere Klickraten und Conversions

Google Rich Cards wurde am 17. Mai 2016 durch ein neues Markup-Format eingeführt, mit dem Inhalte (Filme und Rezepte ab sofort) auf attraktive und visuell ansprechende Weise angezeigt werden können. Das Hauptziel ist es, optisch ansprechendere Suchergebnisse für Nutzer bereitzustellen.Die Ankündigung von Google soll die Web-Community über ein Upgrade für das aktuelle Rich Snippets-Format informieren, das in den meisten organischen "mobilen Suchergebnissen" für Filme und Rezepte in einer überarbeiteten Struktur, offiziell als Rich Cards bezeichnet, weit verbreitet ist .Der ers

(Tech- und Design-Tipps)