Kategorie: CSS
-
Mit Jetpack Custom CSS ein eigenes Stylesheet in WordPress hinzufügen
Das neueste Feature des Jetpack for WordPress-Plugins bietet eine praktische Art, eigene CSS-Styles in WordPress hinzuzufügen. Die neue Option ist leicht zu bedienen und fügt automatisch ein zusätzliches Stylesheet in den head-tag des das aktuell aktiven Themes ein. Klasse ist, dass über das Custom CSS-Feature von Jetpack die Styles auch…
-
rem/px-Tabelle zum Downloaden
Wenn du ein Webseiten-Projekt mit der CSS3 Schriftgrößen-Einheit rem umsetzen möchtest, ist es derzeit noch wichtig eine Pixel Fallback-Lösung für ältere Browser (z.B. IE8 und darunter) anzubieten. Um nicht immer wieder die korrekten rem-Werte ausrechnen zu müssen, habe ich eine praktische rem/px-Tabelle mit den vorbereiteten Werten zum Kopieren und Einfügen…
-
CSS-Tipp: rem als Einheit für Schriftgröße nutzen
rem hat dieses mal nichts mit Musik zu tun, sondern es ist der Begriff der CSS3-Schriftgrößeneinheit rem (= root em) gemeint. rem verhält sich genauso wie em mit dem einzigen Unterschied, dass das sich der rem-Wert am Root-Element orientiert (also an der Schriftgröße, für body bzw. html), statt sich wie…
-
CSS-Eigenschaften für Schrift und Text
Es gibt eine ganze Reihe von CSS-Eigenschaften, um Schriften und Texte in CSS zu stylen und so die Lesbarkeit von Webtexten zu optimieren. Viele Eigenschaften nutzt man täglich, andere werden weniger häufig verwendet. Um eine praktische Übersicht zu schaffen, habe ich die wichtigsten CSS-Eigenschaften und Tipps für das Stylen von…
-
5 CSS-Tipps zur Optimierung deines Stylesheets
Bei der Arbeit (z.B. an einem neuen WordPress-Theme) notiere ich mir immer wieder kleine CSS-Tipps, die ich während der Theme-Entwicklung entdecke oder bei einem fertigen Theme optimiere. Da die Tipps bestimmt auch für andere CSS-Fans hilfreich sind, habe ich eine kleine Liste meiner derzeitigen Lieblings-CSS-Tipps zusammengestellt.
-
Webtypografie-Tipp: Pull Quotes umsetzen
Ein Pull Quote (auch Seitenansprache genannt) ist ein praktisches typografisches Mittel, um den Inhalt eines Textes hervorzuheben und den Leser so auf den Text neugierig zu machen. Im Gegensatz zum Zitat (Block Quote) werden Pull Quotes rechts- oder linksbündig am Textrand platziert. Ein kurzer, für den Text besonders relevanter Satz…