Interessante Inhalte der eigenen Webseite auf interessante Art und Weise zu präsentieren ist wohl das Ziel eines jeden Webseitenbetreibers. Dem Besucher stechen dabei bewegte Bilder und Animationen natürlich besonders ins Auge. Mit keyframe-Animationen gibt es unzählige Möglichkeiten das Interesse des Besuchers auf einen bestimmten Bereich zu lenken. Wie wäre es mit einer Slideshow? In diesem [...]
Jeder kennt sie, jeder mag sie. Sagen sie uns doch, was hinter eine Link zum Vorschein kommen wird oder welche Bedeutung ein Bild hat: Tooltips. Tooltips zeigen definierte Attribute eines Hyperlinks, eines Bildes etc. an, wenn wir mit der Maus darüber fahren und dort kurze Zeit verweilen. Nun gibt es unendliche Möglichkeiten das Aussehen eines [...]
Darf ich euch mal kurz an diesen Artikel erinnern? Da habe ich ausführlich beschrieben, wie ihr einen hippen Button per CSS-Code erstellt. Nun bin ich vor kurzem auf ein Projekt gestoßen, in dem ihr dies auf einfache Art und Weise mit allen erdenklichen Optionen komfortabel tun könnt. Das Projekt hat den klangvollen Namen CSS Button. Es ist derzeit [...]
Genau genommen ist die Überschrift nicht ganz korrekt. Es geht es hier nicht in erster Linie um CSS3, denn viele der Pseudoelemente bzw. -klassen gab es schon mit CSS2 oder früher. Dennoch wird es im Zusammenspiel mit den Möglichkeiten, die uns CSS3 bietet, erst richtig spannend. Jeder von uns, so hoffe ich zumindest, kennt die [...]
Es ist schon beeindruckend welche Möglichkeiten CSS3 bietet. Wo wir früher ein Grafikprogramm bemühen mussten, können wir das gleiche Ergebnis heute mit reinem CSS Code erzeugen. Wie wäre es beispielsweise mit einen animierten Stern (keine Ahnung, wie man das Ding sonst nennen soll), den wir als Button verwenden können. So wird unser Endergebnis aussehen. CSS pur, [...]
Transformieren mittels “transform” geht weiter. Im ersten Teil habe ich gezeigt, wie Objekte skaliert (“scale”) und gedreht (“rotate”) werden können. “Transform” bietet aber noch mehr. Zeit für Teil 2 mit den Hauptdarstellern “translate” (verschieben von Objekten) und “skew” (verzerren von Objekten).
Ich habe in diesem Artikel einen Trick gezeigt, wie ihr für eure Webseite mehrere Hintergrundbilder nutzen könnt. Mit dem Einzug von CSS3 gibt es aber eine einfachere Möglichkeit. So können nun jedem Block-Element mehrere Background-Images zugeordnet werden. Dies beschränkt sich nicht nur auf Bilddateien, sondern es können auch Hintergrundfarbverläufe (background-gradients) genutzt werden.
Habt ihr schon meine HTTP-Fehler-404 Seite gesehen? Ich hoffe nicht… Bisher habe ich eine WordPress 404-Fehlerseite genutzt, um die Besucher über einen nicht mehr funktionierenden Link zu informieren. Nun habe ich dafür eine separate HTML-Seite, losgelöst vom WordPress-Theme, angelegt. Und da kam mir der Gedanke, dass sich daraus doch ein schönes Tutorial zaubern lässt. Gesagt, getan: [...]
In diesem Artikel habe ich gezeigt, wie mittels des Grafikallrounders Gimp Bilder und Texte gespiegelt werden können. Wer gespiegelte Bilder im Webdesign oder als Webinhalt einsetzen möchte, kann sich diesen Umweg zukünftig sparen, denn Webkit-Browser können mittels “box-reflect” ebenfalls Bilder spiegeln. Wir wollen uns den Befehl etwas genauer anschauen.
Die 5 letzten Kommentare