CSS explained by Flickr
-
Inspiration
- 21 Okt, 2008
Twittern - Kommentare (22)
CSS vermitteln. Eine Aufgabe die auf verschiedenste Weisen gelöst werden kann. Man kann diese Möglichkeiten in einem Blog thematisieren oder aber ein CSS-Buch darüber schreiben. Man kann aber auch Bilder für sich sprechen lassen. In diesem Falle viele wunderschöne Fotografien von Flickr. Ziel dieses Artikels ist es, dem Betrachter CSS Eigenschaften First-Letter, Border-Radius, Width und Height anhand von unterschiedlichsten Motiven näher zu bringen. In erster Linie soll dieser Beitrag natürlich unterhaltend sein und aufzeigen, wo überall man im Alltag auf "CSS-Eigenschaften" stoßen kann.
- Height
- Max-Width
- Min-Width
- Margin
- Float
- Background-Image
- Border (solid)
- First-Letter
- Text-Align (center)
- Font-Weight (bold)
- Color
- Border-Radius
- Z-Index Detected by John
- Visibility (hidden) Detected by Manuel
Da durch die bisherige Abbildung der Bilder dieses Beitrages die Urheberrechte der Flickr-Mitglieder verletzt und damit gegen die Nutzungsbedingungen von Flickr verstossen wurde, werden die Abbildungen der Bilder hier entfernt. Wer auf interessante "CSS-Eigenschaften" stößt, kann dazu beitragen diese "Übersicht" am Leben zu erhalten. Allerdings nur mit Bildern die unter Creative Commens Lizenz für kommerzielle Nutzung stehen. Wir hoffen ihr habt für diesen Entschluss Verständnis.
"Modernes Webdesign mit CSS- Das neue Buch!"
Jetzt direkt bestellen!
Top Artikel - CSS3, HTML5 & Co.
- CSS3 Toggler - Transform & Transition Modules
- Call-to-Action Button - MouseOver-Special-Effects
- CSS4 Preview - The future of Webdesign
- CSS3 Tutorial - Sliding Menü
- Top 10 - JavaScript-Frameworks
Webdesign Bilder Galerie
Blog-Partner
- Web - Online Marketing Agentur CROSS
- Suchmaschinenoptimierer (Freelancer - SEO & SEM)
- SEO Analysen, Umsetzung & Consulting by meentix
- SEM - Suchmaschinenmarketing
- PR SEO
21 Okt 2008, 12:29
das "Margin"-Bild erklärt es am besten :P
"max-width" ist aber auch nicht schlecht ;o)
Sie merken, dass sie zuviel CSS schreiben, wenn... ...
:-D
22 Okt 2008, 11:05
z-index
http://www.flickr.com/photos/jowra-com/2952509221/
22 Okt 2008, 14:36
visibility: hidden
http://flickr.com/photos/obelix_1962/2813039045/
24 Okt 2008, 11:42
very nice post! it's funny to think at it in this way
24 Okt 2008, 12:15
Wonderfull ! Very fun and nice ^^
24 Okt 2008, 13:31
Very good!!!
24 Okt 2008, 14:30
jajajaj k cosas xD
24 Okt 2008, 16:18
Really nice and creative, I liked it.
27 Okt 2008, 15:19
that's cool, love it....
29 Okt 2008, 10:40
Hello it is mickael vendetta !
Very Nice photograph, the last picture is very fun !!
29 Okt 2008, 14:13
Very good!!!!!!
29 Okt 2008, 17:24
Lovely!
29 Okt 2008, 18:41
Mich hat dieser Beitrag sehr zum schmunzeln angeregt und dafür danke ich Dir recht herzlich. Ralph
29 Okt 2008, 19:59
This is a neat idea! Dzoned it
30 Okt 2008, 18:51
Sehr Gut, jetzt kann ich erklären, CSS zu meiner Großmutter!!! ^_^
dast is fantastish!
01 Nov 2008, 15:35
Pretty neat idea, very funny point of view :) Thanks for this
Muito loco, boa idéia!
14 Nov 2008, 19:40
great idea!!
it's amazing!
29 Dez 2008, 09:33
Nette Idee, gefällt :)