CSS3 transitions – CSS Animation – CSS3 Adventskalender Tag 21

CSS3 Transitions und CSS3 Animations sind ein sehr umfassendes Thema, mit dem man glatt noch einen Monat füllen könnte. Gleichzeitig revolutiert es CSS, da zukünftig Animationen und Elementveränderungen ohne Javascript möglich sind. Zum Einstieg werde ich ein kleines Beispiel für CSS3 Transitions zeigen.

CSS3 transitions – CSS Animation – CSS3 Adventskalender Tag 21 weiterlesen

selectivizr – CSS3 selectors for IE – CSS3 Adventskalender Tag 19

Heute ein kurzer Tipp am Sonntag: selectivizr – CSS3 selectors for IE – ist das hilfreichste, was ich zum Thema CSS3 & Internet Explorer 6-8 empfehlen kann. Selectivizr ist eine Javascript-Bibliothek, die CSS3-Selektoren erkennt und für IE6-8 übersetzt. Als Basis muss eine andere JS-Bibliothek wie jQuery, MooTools, Dojo, Prototype, etc. eingesetzt werden.

selectivizr – CSS3 selectors for IE – CSS3 Adventskalender Tag 19 weiterlesen

Verlosung: 1 Jahr Webstandards Magazin Abonnement

CSS3 Adventskalender Tag 17 und eine weitere Knüller-Verlosung!

Heute kommt das neue „Webstandards Magazin“ in den Handel und wir verlosen ein Jahres-Abo unter allen, die uns in den Kommentaren mitteilen, welches CSS3-Feature ihr liebstes ist.
Verlosung: 1 Jahr Webstandards Magazin Abonnement weiterlesen

CSS3 Tabellen-Übersicht – CSS3 Adventskalender Tag 15

Heute am Tag 15 des CSS3 Adventskalender von maddesigns und dem Webstandard Blog geht es weniger um ein Tutorial, sondern eher um ein umfangreiches Beispiel der bisher vorgestellten Eigenschaften. Als HTML-Basis erstellen wir eine Tabelle mit einer Übersicht zum „CSS3 Browser Support“.

CSS3 Tabellen-Übersicht – CSS3 Adventskalender Tag 15 weiterlesen

:nth-child() Pseudo-Selektor – CSS3 Adventskalender Tag 13

Der Pseudo-Selektor :nth-child() ist sehr hilfreich, wenn man mehrere gleiche Elemente unterschiedlich gestalten möchte. Die genaue Syntax lautet E:nth-child(an + b) {}. Zudem kommen lang vermisste Keywords zum Einsatz, die für das Gestalten von Datentabellen häufig gebraucht werden: odd & even.
:nth-child() Pseudo-Selektor – CSS3 Adventskalender Tag 13 weiterlesen