CSS3 bietet bekanntlich viele neue Möglichkeiten für Animation und Bewegung. Ein weiteres Beispiel sind animierte Buttons. Beim Hovern werden Texte aus- und Icons eingeblendet. Oder die gesamte Form und Größe eines Buttons ändert sich. Dafür sind die in CSS3 neu hinzugekommenen Animations und Transitions. In sieben Beispielen wird hier schön demonstriert, was alles möglich ist. [Weiterlesen…]
Tags:
Buttons,
CSS3
Responsive Webdesign war im vergangenen Jahr in aller Munde und wird es auch noch in diesem Jahr bleiben. Wohl eher noch mehr, da Tablet-PCs sich nach wie vor ungebrochener Beliebtheit erfreuen. Nicht jede Website ist auf kleineren Bildschirmen genauso zu betrachten wie auf einem Monitor. Heranzoomen, um den richtigen Link zu erwischen oder überhaupt den Text lesen zu können sind momentan noch an der Tagesordnung. Die Jungs von Webdesignerwall haben ein kleines und einfaches Tutorial verfasst, wie man seine Website kurzfristig für mobile Geräte aufbereitet. [Weiterlesen…]
Tags:
Responsive Webdesign,
Tutorial
Normalerweise wird für den schicken Lightbox-Effekt, der auf vielen Seiten zu sehen ist, immer ein Schnipsel JavaScript benötigt. Oft umgesetzt mit jQuery, gibt es Unmengen an fertigen Lösungen. Als bekannte Größen nenne ich hier mal die Fancybox, ThickBox, prettyPhoto und die Slimbox 2. Wie gesagt, funktioniert alles nur mit jQuery. Aber eine Lightbox komplett mit CSS3 und ohne jegliche Skripte umzusetzen, das ist doch mal etwas Neues. [Weiterlesen…]
Tags:
CSS3,
Lightbox