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.

8 Möglichkeiten, Ihren Chef um Freizeit zu bitten

8 Möglichkeiten, Ihren Chef um Freizeit zu bitten

Jeder, der seine Arbeit gut gemacht hat , verdient es, die Sonne, den Strand, die Berge zu genießen ... naja, im Grunde genommen ein Qualitätsurlaub. Außerdem kann eine gute Urlaubszeit die Produktivität verbessern und Ihnen eine frische Dosis Motivation für Ihre Arbeit geben.Die Leute greifen normalerweise dazu, sich krank zu melden, nur um sich eine Auszeit zu nehmen und einen Aufschub von den täglichen Regungen der Arbeit zu finden. Der

(Tech- und Design-Tipps)

100+ inspirierende Zitate für Designer

100+ inspirierende Zitate für Designer

Bitten Sie einhundert Designer, Ihnen zu sagen, was Design ist und Sie werden vielleicht 500 verschiedene Antworten bekommen. Das liegt nicht daran, dass die Antwort subjektiv ist, sondern weil die Antwort komplex ist . Und Designer, die Designer sind, finden Wege, die Botschaft zu vermitteln. Ein Weg ist durch die Verwendung von schönen inspirierenden Zitaten.

(Tech- und Design-Tipps)