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


Erstellen Sie eine druckfreundliche Seite mit Gutenberg.css

Web-Designer vergessen oft den Druck, weil es heutzutage viel weniger notwendig scheint. Und das mag für digitale Websites wie BuzzFeed stimmen.

Auf informativen Websites ist es jedoch immer noch eine gute Methode, ein benutzerdefiniertes Druck-Stylesheet anzubieten. Glücklicherweise müssen Sie nicht Ihre eigenen entwerfen, weil Gutenberg hier ist, um zu helfen.

Benannt nach dem Erfinder der Druckerpresse Johannes Gutenberg, ist diese CSS-Bibliothek eine eigenständige Ressource für Druckseitenentwürfe .

Sie fügen einfach die Datei gutenberg.css in Ihren Dokumentenkopf ein und Sie sind fertig.

Immer wenn ein Besucher Ihre Seite druckt, sollte er basierend auf der Druckeinstellung automatisch neu gestaltet werden . Dies kann mit dem HTML-Attribut media="print" werden.

Lesen Sie diese Anleitung, wenn Sie mehr über Druck-Stylesheets und ihre Funktionsweise erfahren möchten.

Das Gute an Gutenberg ist, dass es zusätzliche Klassen und Stile gibt .

Suchen Sie im Themenordner nach drei alternativen Druckthemen : Buch, Modern und Alt . Sie können jede dieser gutenberg.css als Standard gutenberg.css indem Sie sie über die Standarddatei gutenberg.css hinzufügen.

Außerdem können Sie die Seite für den Druck anders formatieren, indem Sie bestimmte CSS-Klassen hinzufügen. Zum Beispiel wird die .no-print Klasse ein Element im Druckstil vollständig ausblenden .

Ein anderes Beispiel ist das Hinzufügen von Link-URLs neben dem Text. Gutenberg fügt diese Funktion hinzu, um es Nutzern einfacher zu machen, die URLs von Ihrer Seite zu finden. Sie können jedoch die .no-reformat Klasse zum .no-reformat hinzufügen, um die URL auszublenden .

All diese Dinge sind auf dem GitHub Repo abgedeckt und es ist sehr einfach. Sie können Gutenberg in weniger als 5 Minuten installieren und Ihre gesamte Website wird druckfreundlich sein.

Dies ist bei weitem eine der einfachsten und coolsten Bibliotheken, die für eine bessere Seitenleistung implementiert werden . Es kann ein paar zusätzliche KB hinzufügen, aber die Gesamterfahrung wird drastisch verbessert werden.

Wenn der Inhalt Ihrer Website jemals aus irgendeinem Grund gedruckt wird, dann ist Gutenberg.css eine unverzichtbare Ressource.

20 Infografiken mit Smartphone Fakten, die Sie wahrscheinlich nicht wussten

20 Infografiken mit Smartphone Fakten, die Sie wahrscheinlich nicht wussten

Smartphones sind zu einem sehr wichtigen Teil unseres Lebens geworden. Versuchen Sie, unsere Handys von uns zu befreien und Sie werden sehen, was wir meinen. Es gibt bereits mehr als 1 Milliarde Smartphones weltweit und die Zahlen steigen weiter. Sie können nicht anders, als von Smartphones fasziniert zu sein, was die Art, wie wir in dieser Generation arbeiten und funktionieren, sicherlich verändert hat.I

(Tech- und Design-Tipps)

Wie man das Marketing mit der Arbeit erledigen ausgeglichen erhält

Wie man das Marketing mit der Arbeit erledigen ausgeglichen erhält

Wir alle wissen, dass Marketing für die Karriere eines Freelancers von entscheidender Bedeutung ist. Freelancing ist ein Geschäft, und wenn Sie keine Zeit damit verbringen, Ihr Geschäft zu erweitern, werden Sie irgendwann ganz aus dem Geschäft sein. Wenn Sie jedoch ein guter Designer sind, nimmt Ihre Arbeit viel Zeit in Anspruch . Am

(Tech- und Design-Tipps)