Tag: css
elemente v z

Elemente mit CSS vertikal zentrieren

Das horizontale Zentrieren von Texten oder anderen Inhalten sollte für die meisten kein Problem sein. Anders sieht es bei der vertikalen Zentrierung aus, bei der einige sicherlich schon unzählige Nerven verloren haben. 🙂 In diesem Artikel stelle ich Dir zwei Möglichkeiten vor, die es Dir ermöglichen, Elemente mit recht wenig Code auch vertikal zu zentrieren. […]

Zum Artikel
css background image - Hintergrundbilder einbinden mit CSS

Welche Vorteile bietet Component CSS?

Was ist Component CSS? Viele Webseiten und Web-Applikationen bestehen aus einer Vielzahl an unterschiedlichen CSS-Dateien, welche in ihrer Menge oftmals nur schwer zu überblicken sind. Vor allem die Wartung und Erweiterung der vielen Komponenten ist dann entsprechend aufwendig und unübersichtlich. Hinzu kommt das beispielsweise mehrere Entwickler simultan an einem Webprojekt arbeiten und individuelle Eigenheiten eines […]

Zum Artikel
Website schneller machen

currentColor: Farbvariablen mit CSS geschickt nutzen

Natürlich erfüllt das Keyword „currentColor“ nicht vollkommen den Zweck einer Variable, wie wir sie beispielsweise von CSS-Präprozessoren wie Sass kennen. Trotzdem kann sie wirklich sinnvoll sein, da mit dem geschickten Einsatz dieser viele CSS-Wiederholungen vermieden werden können. Funktionsweise „currentColor“ speichert die Vordergrundfarbe (color) eines Elementes und ermöglicht es Dir, diese auch anderen Eigenschaften zuzuordnen. (Achtung: […]

Zum Artikel
photodune 1862103 future web interface technologie s

Rechnen mit CSS3 calc()

Mit der Eigenschaft calc() wird es Dir möglich, mit reinem CSS Kalkulationen durchzuführen. Erlaubt sind die klassischen Grundrechenarten. Wie das funktioniert und welche Vorteile das bringt, erläutere ich Dir in diesem kleinen Artikel. Operatoren + (Addition) – (Subtraktion) * (Multiplikation) / (Division) Syntax calc([wert] [operator] [wert]) So könnte eine Definition aussehen: calc(2 + 2 + […]

Zum Artikel
Bildschirmfoto 2014 04 24 um 10.25.06

Gewinnspiel: 1x CSS Hat! Das beste CSS3-Plugin für Photoshop

Heute gibt es was zu gewinnen! Es handelt sich um das Photoshop Plugin „CSS Hat“, welches mich von Grund auf überzeugt hat! Die Plugin-Entwickler haben mir freundlicherweise für dieses Gewinnspiel eine Lizenz im Wert von 34,99$ zur Verfügung gestellt. Vielen Dank dafür! Was ist CSS Hat? Mit dem CSS Hat Plugin wird es euch möglich, […]

Zum Artikel