CSS3 breadcrumbs
Einige Ideen für Breadcrumb Menüs mit CSS3 und ohne Bilder stellt Catalin Rosu vor.
Ausgangspunkt ist eine Link-Liste und CSS pseudo-elemente, border-radius, transforms, etc.
Archived entries for css3
CSS3 Click Chart
Eine schöne und hilfreiche Webseite ist CSS3 Click Chart.
Für verschiedene CSS3 Eigenschaften gibt es Codebeispiele, eine Live Preview, eine Liste der Browser die die Eigenschaft unterstützen und welche Polyfils für weniger gute Browser verfügbar sind.
Sehr schön.
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 that will toggle the states of items of a specific type.
Nett. Und die Demo läuft schön flüssig.
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” ausschließlich via CSS umgesetzt werden können! Das heißt auf der anderen Seite dann natürlich auch das Requests für JavaScript eingespart werden könnten.