Footer

CSS Footer Parade

9. Januar 2007
von

Jedes Designelement ist wichtig. Egal ob es sich um FormulareTabellen, Schriftarten, Überschriften oder Kommentare handelt: ein rundes Konzept, eine sorgfältige Gestaltung und visuell ansprechende Form werten auf.

Auch Details können eine entscheidende Rolle spielen, wenn es darum geht, Seitenbesucher durch geschickt eingesetzte grafische und typografische Ansätze zu beeindrucken. Ein kleiner Überblick von “Footers” stellt eine Auswahl schöner, meistens CSS-basierter, Ansätze dar, die eine Seite zum Ende hin abrunden und einfach schick aussehen lassen. Auch hier stecken Ideen drin. Die Screenshots sind anklickbar

footer0000 foto

footer0005 foto

footer0031 foto

footer0032 foto

footer0004 foto

footer0008 foto

footer0010 foto

footer0021 foto

footer0022 foto

footer0023 foto

footer0026 foto

footer0027 foto

footer0029 foto

footer0030 foto

footer0011 foto

footer0017 foto

footer0002 foto

footer0020 foto

footer0024 foto

footer0003 foto

footer0001 foto

footer0012 foto

footer0013 foto

footer0014 foto

footer0015 foto

footer0016 foto

footer0006 foto

footer0018 foto

footer0019 foto

footer0025 foto

footer0028 foto

footer0033 foto

footer0034 foto

 foto

Vitaly Friedman

Vitaly Friedman ist Buchautor, Autor sowie Entwickler und Designer von benutzerfreundlichen Webseiten. Er ist Chef-Redakteur des Online Magazins Smashing Magazine, das zu den weltweit populärsten Onlinemagazinen für Webdesign zählt und wie Dr. Web zur Smashing Media GmbH gehört. Vitaly studierte Informatik an der Universität des Saarlandes.

17 Kommentare zu „CSS Footer Parade

  1. ~~~d(o.o)b~~~ am 9. Januar 2007 um 12:58

    Yo, das ist eine sehr schöne, inspirierende Sammlung!
    Da kommt keine Langeweile auf… ;-)

    Have Phun
    ~~~d(o.o)b~~~

  2. hopec am 9. Januar 2007 um 14:50

    eine tolle sammlung – wieso erscheint aber der gleiche artikel im smashingmagazine noch einmal?
    http://www.smashingmagazine.com/2007/01/09/css-based-footers-modern-solutions/

  3. Stefan am 9. Januar 2007 um 15:33

    Ein gelungenes Beispiel möchte ich noch hinzufügen:

    http://www.einslive.de/

  4. Dominik am 9. Januar 2007 um 16:04

    @~~~d(o.o)b~~~:
    weil Shiningmagazine die “englische Ausgabe” von Dr. Web ist. Schau dir mal den Footer vom Shiningmagazine und vom Dr.-Web-Weblog ab… ;-)

    LG
    Dominik

  5. freedimension am 9. Januar 2007 um 16:56

    @hopec:

    Hehe, hatte ich hier auch schon gesagt:

    http://www.designtagebuch.de/2007/01/eins-live-prsentiert-sich-neu.html

    Ich war sogar versucht, den hier auch noch einmal zu erwähnen ;-)

  6. ~~~d(o.o)b~~~ am 9. Januar 2007 um 17:22

    @Dominik:
    ICH weiss das… ;-)
    Kollege hopec wollte das wissen…

    Have Phun
    ~~~d(o.o)b~~~

  7. Manni am 9. Januar 2007 um 19:04

    Schall und Rauch.

    Chick, aber sonst noch was?

  8. Xel am 9. Januar 2007 um 21:10

    Schicke Sachen dabei – tatsache ist aber: Manche würden sich als Header genauso gut eignen – wenns nicht dranstünde könnte man nur raten.
    (Der Text der englischen Version – die ich zuerst gelesen habe – gefällt mir allerdings aus irgendwelchen vermutlich rein subjektiven Gründen besser – ich werde jedenfalls weiterhin beide Blogs verfolgen)

  9. Michael am 9. Januar 2007 um 22:03

    Sehr ansprechend und inspirierend diese Sammlung. Da habe ich richtig Stoff zum Surfen.

  10. [...] Il 2007 inizia con due prestigiosi riconoscimenti per il nostri sito internet. Le importanti riviste digitali Smashing Magazine (inglese) e Dr. Web (tedesco), segnalano in nostro sito tra i più riusciti esempi di uso del footer nei siti web 2.0 realizzati nell’intero 2006. [...]

  11. Andreas Gäbler am 18. Januar 2007 um 10:28

    Fehlt nur noch die “best of Headers”, “best of key visuals” und “best of Navigations”!

  12. andreas am 23. Januar 2007 um 18:53

    Eine Navigationsgalerie gibt’s (schon): »Please, klick me«

  13. [...] In questi giorni è uscita su Dr.Web (un web magazine tedesco) una raccolta di siti con footer eleganti e particolarmente curati, con accativanti elementi di design. Ho dato un’occhiata a diversi di questi siti e ad altri che generalmente frequento; è interessante notare come il ruolo del footer stia mutando: dal vecchio prototipo col riferimento alla partita IVA verso nuovi concetti di sezione dedicata alla navigazione o a più svariati scopi. [...]

  14. [...] Si parla ancora del nostro sito internet in giro per il web, ed in particolare del footer, già citato da Smashing Magazine (in lingua inglese) e Dr. Web (in lingua tedesca) come felice esempio di utilizzo del footer in un sito web 2.0. [...]

  15. [...] du footer est un art délicat. Alors autant en créer un qui a de la gueule. Le blog du Dr. Web Weblog nous propose une fine sélection de pieds de site et de blog. De quoi trouver chaussure à son [...]

  16. Daniel Schneider am 3. September 2007 um 15:53

    Eine schöne Sammlung.

    Ich würde noch eine weitere Seite anfügen:

  17. Daniel Schneider am 3. September 2007 um 15:54

    hoppla:

    Deviant Art

Ein Kommentar? Schön!

Wir freuen uns immer über Leser, die durch nützliche und konstruktive Beiträge zum Thema eine Diskussion anstoßen oder den Artikel mit weiteren Informationen anreichern. Alle Kommentare werden in diesem Sinne moderiert. Zum Kommentar-Fairplay gehört für uns auch der Einsatz von rel="nofollow". Bitte verwenden Sie zudem als Namen weder eine Domain noch ein spamverdächtiges Wort. Vielen Dank!

*