Webstandard & Webdesign - CSS, HTML

 

CSS3 explained by Flickr-Images - Multi-Column Layout, Opacity, ...

CSS - Die Vielfalt der Eigenschaften und ihrer Werte die diese deklarative Stylesheet-Sprache bietet, war bereits bei den Vorgängerversionen von CSS3 groß. Bereits vor 10 Jahren wurde beim W3C mit der Entwicklung von CSS3 begonnen, wobei im Gegensatz zu den Vorgängern diese Version modular aufgebaut ist. Was diese Module bzw. einzelne dieser Eigenschaften können, wird Euch im weiteren Verlauf des Beitrags von Fotografien der Flickr-Community, wie dem vom oseillo, aufzeigt. Die folgenden Abbildungen sollen auf unterhaltsame Weise bildhaft beschreiben und somit leicht verständlich machen, was diese Elemente bedeuten ( können ).

CSS3 explained by Flickr

Multi-Column Layout (Grids) - by oseillo

Multiple Background-Images - by fotologic

Border-Radius - by Stig Nygaard

Transparency (Opacity) - by jurvetson

Box-Shadow - by bennylin0724

Text-Shadow - by Katie@!

WebFonts (@font-face) - by noii's

Outline - by miikkahoo

Wer auf weitere interessante Flickr-Bilder stoßen sollte die in diese Auflistung von CSS3 Eigenschaften passen würden, kann gerne dazu beitragen diese Übersicht auszubauen ( Backlink für den jeweiligen Kommentatoren versteht sich von selbst ). Allerdings nur mit Bildern die, wie diese hier verwendeten, unter Creative Commens Lizenz für kommerzielle Nutzung stehen.

CSS3 - W3C Links

Wer sich doch "ausführlicher" in die Materie von CSS3 einarbeiten möchte, findet in der folgenden Liste die oben aufgeführten Eigenschaften mit den jeweiligen Quellen des W3C.

• Multi-Column Layout (Grid)
• Multiple Background-Images
• Border-Radius
• Transparency (Opacity)
• Box-Shadow
• Text-Shadow
• The font face rule
• Outline

In diesem Sinne, viel Erfolg mit CSS3!