Guymon

Unwissenheit ist Stärke

Tag: css3

Filter Functionality with CSS3

Mary Lou zeigt wie man einen interaktiven Filter mit der Pseudo Klasse :checked bauen kann. Using the general sibling combinator and the :checked pseudo-class, we can toggle states of other elements by checking a checkbox or a radio button. In this tutorial we will be exploring those CSS3 properties by creating a experimental portfolio filter […]

Typography Effects with CSS3 and jQuery

Mary Lou demonstriert einige schöne Typografie Effekte. Über Lettering.js wird die Überschrift in einzelne Buchstaben zerlegt die dann mit CSS3 gestaltet werden. Sehr nett!

CSS3 Accordion Menü

Das Webstandard-Blog stellt ein Accordion Menü nur mit CSS3 vor. Das klappt in allen modernen Browser, also alles != IE und > IE 8. Die CSS3 Pseudoklasse :target und die Negationspseudoklasse :not(), zusammen mit dem CSS3-Modul Transition, ermöglichen ein solches “Bewegungsmuster”. Nur eben ganz ohne JavaScript! Das heißt, dass die durchaus beliebten “Akkordeon- oder auch Toggle-Effekte” […]

3d Rollovers

Chris Heilmann stellt eine Sammlung von 3d Rollover Effekten auf Github bereit. In Webkit Browsern sieht das wirklich nett aus. In anderen Browsern ist das unspektakulär, aber nutzbar. Dazu gibt es auch diese Seite auf der man mit den Werten spielen kann.

Checkboxen und Radioboxen gestalten

Sven Wolfermann stellt eine Idee für individuelle Checkboxen & Radio Inputs vor. Einige Formular-Elemente lassen sich (…) nur schwerlich, bis gar nicht cross-browser-konform stylen, z.B. das input[type=”file”]. Für Checkboxen und Radio-Buttons möchte ich heute eine Möglichkeit zeigen, die zudem auch die neuen CSS3 Pseudo-Klasse :checked beinhaltet. Die Idee ist die Input-Felder über background-clip zu verstecken […]