CSS Footer Parade

Werbung

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

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Artnetz.de

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Weitere Beiträge:

Über 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~~~ 9. Januar 2007 at 12:58 #

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

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

  2. hopec 9. Januar 2007 at 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 9. Januar 2007 at 15:33 #

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

    http://www.einslive.de/

  4. freedimension 9. Januar 2007 at 16:56 #

    @hopec:

    Hehe, hatte ich hier auch schon gesagt:

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

  5. Dominik 9. Januar 2007 at 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

  6. ~~~d(o.o)b~~~ 9. Januar 2007 at 17:22 #

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

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

  7. Manni 9. Januar 2007 at 19:04 #

    Schall und Rauch.

    Chick, aber sonst noch was?

  8. Xel 9. Januar 2007 at 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 9. Januar 2007 at 22:03 #

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

  10. Andreas Gäbler 18. Januar 2007 at 10:28 #

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

  11. andreas 23. Januar 2007 at 18:53 #

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

  12. Daniel Schneider 3. September 2007 at 15:53 #

    Eine schöne Sammlung.

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

  13. Daniel Schneider 3. September 2007 at 15:54 #

    hoppla:

    Deviant Art

Trackbacks

  1. Nuovi riconoscimenti per Gruppo Modulo .it | Gruppo Modulo | Siti Web e Comunicazione a Piacenza, Genova, Milano - 12. Januar 2007

    [...] 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. [...]

  2. diploD » Blog Archive » Footer 2.0: non solo titoli di coda - 11. Februar 2007

    [...] 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. [...]

  3. Il footer di gruppoModulo.it | Gruppo Modulo | Siti Web e Comunicazione a Piacenza, Genova, Milano - 16. Februar 2007

    [...] 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. [...]

  4. Le coin du DA - lâchage artistique » L’art du Pied*[footer] - 26. März 2007

    [...] 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 [...]

Hinterlasse eine Antwort

Bitte bei weiteren Kommentaren per Email benarichtigen! Auch möglich: Abo ohne Kommentar.

Spam protection by WP Captcha-Free