Webseiten mit CSS3-Eigenschaften aufzuhübschen, ist gerade groß in Mode. Reden wir an dieser Stelle von solchen dekorativen Eigenschaften, sind in erster Linie border-radius, box-shadow, border-image, linear-gradient, text-shadow, multiple Backgrounds und rgba-Farbwerte gemeint. Deren Verwendung kann dem Webdesigner einige Stunden Arbeitszeit ersparen. Die Wartbarkeit der Projekte nimmt enorm zu, denn der Webworker muss im Falle einer Änderung oder Anpassung nicht mehr diverse Grafiken erneuern, sondern lediglich ein paar Zeilen Code ändern.
CSS. Vertikale Fly-Out-Navi mit Artikelvorschau (für Wordpress)
Die Navigation meines vorvorherigen WP-Themes beinhaltete eine interessante Lösung, um Kategorien als Menüpunkt zu nutzen und beim hovern die jeweils aktuellen Artikel anzuzeigen. Da ich dieses Theme nun ja nicht mehr nutze, möchte ich die Navigation hier einmal vorstellen. In diesem Artikel gibt es eine HTML/CSS-Datei sowie das PHP-Snippet für Wordpress separat.
Responsive Webdesign ist keine Hexenkunst – ein ganz kurzer Überblick
Responsive Webdesign bedeutet, eine Internetseite so zu konstruieren, dass sie sich den Bildschirmgrößen verschiedener Ausgabegeräte dynamisch anpassen kann. Das ist mit viel Flexibilität und Media Queries möglich, die mit CSS3 eingeführt wurden. Mit ihnen kann man die Viewportgröße abfragen und mit entsprechenden Styles darauf reagieren. Hier ein schneller Überblick.