Artikel der Kategorie ‘CSS’

Genericons: Eine kostenlose Icon Font für WordPress-Projekte

Es gibt inzwischen jede Menge Icon Fonts und in einem früheren Artikel habe ich bereits über die sehr beliebte Font Awesome Icon Font (eine Icon Font, die sich vor allem für Bootstrap-Projekte geeignet) berichtet.
genericons-icon-font-for-wordpress
Für unser nächstes WordPress-Theme haben wir uns für die Genericons Icon Font entschieden. Die Font besitzt zwar keine so riesige Icon-Auswahl, aber für die meisten WordPress-Projekte sind die Icons meiner Ansicht nach vollkommen ausreichend. Außerdem ist Genericons Font von Automattic (der Firma des WordPress-Gründers Matt Mullenweg) speziell für den Einsatz in WordPress-Themes entwickelt worden und hat eine Open Source GPL-Lizenz.

Weiterlesen

CSS für Anfänger (Teil 1): Deine CSS-Fragen beantwortet

CSS Tipps für Anfaenger Da einem schnell mal der Kopf schwirrt und viele Fragen auftauchen können, wenn man mit CSS noch nicht so vertraut ist, werde ich in den folgenden zwei Artikeln ein paar Antworten zusammen gestellt, die dir den Start in die Arbeit mit CSS hoffentlich erleichtern. Wenn du weitere CSS-Fragen oder hilfreiche CSS-Tipps für Newbies hast, schreibe mir diese doch einfach in einem Kommentar hier im Artikel.

Weiterlesen

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 bei einem Theme-Wechsel erhalten bleiben (wenn man das möchte). Weiterlesen

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 erstellt. Weiterlesen

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 em an der Schriftgröße des jeweiligen Eltern-Elements zu orientieren. Weiterlesen

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 Schrift und Text zusammen gefasst. Weiterlesen

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 oder Absatz, wird also noch einmal extra aus dem Text herausgezogen (daher “to pull”) und somit besonders betont.

Pull Quotes im Webdesign umsetzen

Im Printbereich werden Pull Quotes häufiger verwendet. Doch auch im Web können Pull Quotes genutzt werden, um lange Texte spannender zu gestalten und die Botschaft eines Textes noch besser zu vermitteln. Für die Umsetzung von Pull Quotes kannst du ein individuelles CSS Styling anlegen. Falls du mit WordPress arbeitest, gibt es sogar praktische Plugins, mit denen sich Plull Quotes leicht umsetzen lassen. Weiterlesen

Seite 1 von 5123...»