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 .
![](http://hideout-lastation.com/img/tech-design-tips/278/create-print-friendly-page-with-gutenberg.jpg)
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.
![](http://hideout-lastation.com/img/tech-design-tips/278/create-print-friendly-page-with-gutenberg-2.jpg)
.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.
![So verwenden Sie Emoticons in der E-Mail-Betreffzeile](http://hideout-lastation.com/img/tech-design-tips/519/how-use-emoticons-email-subject-line.jpg)
So verwenden Sie Emoticons in der E-Mail-Betreffzeile
Ich abonniere viele Newsletter, um mich auf dem Laufenden zu halten. Kürzlich sehe ich häufigere Emoticons oder Emoji in der E-Mail-Betreffzeile .Fasziniert schaute ich auf das Thema und fand einige Studien, die Vorteile vorschlagen, wenn Emoticons in der E-Mail-Betreffzeile verwendet werden, insbesondere die E-Mail-Öffnungsrate zu erhöhen, was für das Geschäft gut ist.Ein S
![10 Collaboration Apps für Projektmanager](http://hideout-lastation.com/img/tech-design-tips/619/10-collaboration-apps.jpg)
10 Collaboration Apps für Projektmanager
Chancen sind viel Ihrer Arbeit und Projekte werden online erledigt. Es kann jedoch für Sie und Ihren Vorgesetzten schwierig sein, Aufgaben zu priorisieren, die wichtiger sind als andere . Aus diesem Grund besteht ein Bedarf für Manager, mehrere Online-Collaboration-Anwendungen zu verwenden. Darüber hinaus ist es auch die Zeit, in der die Notwendigkeit der Verwendung von Tools zur Aufgabenverwaltung besteht.On