Slickmap - schlanke CSS-Sitemap für Webseiten

Ungeordnete Listen werden zu einer übersichtlichen Sitemap

Eine Sitemap gehört eigentlich auf jede Webseite, denn sie erleichtert dem Besucher das Entdecken von Bereichen, die sonst kaum zu finden wären. Die Slickmap von Matt Everson ist eine besonders schlanke Sitemap mit optisch ansprechendem Design.

Anzeige

Die Slickmap ist ein Beispiel für eine übersichtliche Sitemap. Sie ist dank der Nutzung von sehr schlankem HTML- und CSS-Code besonders klein und sieht trotzdem gut aus. Alles was es dazu braucht ist eine verschachtelte Liste aller Bereiche einer Webseite. Die Slickmap macht daraus kleine Boxen und zeigt den Bereichsnamen sowie den Link an.

Die Slickmap ist im Hinblick auf standardkonforme Browser entwickelt worden. Allerdings verwendet der Autor einige CSS3-Eigenschaften, die noch nicht freigegeben wurden und nur von einzelnen Browsern unterstützt werden. Erkennbar ist das im CSS-Code an dem vorangestellten -moz- (für Firefox) oder -webkit- (für Safari) der CSS-Eigenschaft.

Beim kurzen Betrachten der Sitemap-Demo gefällt vor allem die Anzeige in den Browsern Firefox und Safari. Aber auch Opera bietet eine ansprechende Darstellung, obwohl bei diesem Browser keine experimentellen CSS3-Eigenschaften interpretiert werden. Immer noch brauchbar, aber nicht ganz so elegant, wirkt die Darstellung im Internet Explorer 8. Der Autor selbst hat diesen Browser zwar berücksichtigt, allerdings interessiert er ihn nicht besonders, wie er öffentlich zugibt. Everson ist aber offen für Vorschläge, um die Darstellung im Internet Explorer zu verbessern.

Eigenschaften, die als experimentell eingestuft werden, ignorieren andere Browser. Sie sind also eigentlich nicht erlaubt, funktionieren aber dennoch recht sicher in der Anwendung. Allerdings muss der Webdesigner später am Code Änderungen vornehmen, damit die offiziellen CSS3-Eigenschaften genutzt werden und nicht die Zwischenlösung. Wer will, kann diese Eigenschaften auch einfach aus dem Code entfernen.

Die Slickmap ist sehr klein. Insgesamt ist das Paket entpackt 16 KByte groß. Der leicht veränderbare HTML- und CSS-Code mit einigen kleinen Bildern steht als herunterladbares Zip-Archiv auf astuteo.com/slickmap/ bereit.

Slickmap kann von jedem verwendet und modifiziert werden. Besondere Lizenzbedingungen gibt der Autor nicht an.


Planlaber 30. Jul 2009

Woher soll den Planhaber bitte einen Plan haben, was SEO bedeutet? Mit seinem Kommentar...

annonymous 15. Jul 2009

wenn sitemaps auf jede webseite gehören??

Nutzer137685 13. Jul 2009

Sollte ich je in die Situation kommen, eine Sitemap bauen zu müssen, werde ich seine...

the OBSERVER 13. Jul 2009

WOW... nachdem ich seit 12 Jahren im Internet Seiten entwickle muss ich mich da wundern...

srws 13. Jul 2009

Bisher muss man leider in den allermeisten Fällen ohne leben, da dieses Feature ja nur...

Kommentieren



Anzeige

  1. Embedded Software Engineer (m/w)
    GIGATRONIK Technologies AG, Wil SG (Schweiz)
  2. Mitarbeiter IT Support (m/w)
    Geberit Verwaltungs GmbH, Pfullendorf
  3. Teamleiter SAP BI/BO (m/w)
    SCHOTT AG, Mainz
  4. IT System- und Anwendungsbetreuer (m/w)
    PETER HAHN GmbH, Winterbach bei Stuttgart

 

Detailsuche


Spiele-Angebote
  1. PS4 + The Witcher 3 + Comic
    399,00€
  2. God of War 3 Remastered - [PlayStation 4]
    49,00€ (Release 15. Juli)
  3. VORBESTELLBAR: Risen 3 Enhanced Edition (PS4)
    39,99€ (Vorbesteller-Preisgarantie) - Release 21.08.

 

Weitere Angebote


Folgen Sie uns
       


  1. Salesforce

    55 Milliarden US-Dollar von Microsoft waren zu wenig

  2. Freedom Act

    US-Senat lehnt Gesetz zur NSA-Reform ab

  3. Die Woche im Video

    Pappe von Google, Fragen zur Überwachung und SSD im Test

  4. One Earth Message

    Bilder und Töne für Außerirdische

  5. Tropico 5

    Espionage mit El Presidente

  6. Tessel

    Offenes Entwicklerboard soll wie Io.js verwaltet werden

  7. Hack auf Datingplattform

    Sexuelle Vorlieben von Millionen Menschen veröffentlicht

  8. Angriff auf kritische Infrastrukturen

    Bundestag, bitte melden!

  9. Mark Shuttleworth

    Canonical erwägt offenbar Börsengang

  10. Amazon

    Fire TV Stick für 29 Euro



Haben wir etwas übersehen?

E-Mail an news@golem.de



Apps für Googles Cardboard: Her mit der Pappe!
Apps für Googles Cardboard
Her mit der Pappe!
  1. Game of Thrones Auf der Mauer weht ein eisiger Wind
  2. VR im Journalismus So nah, dass es fast wehtut
  3. Deep angespielt "Atme tief ein und tauche durch die virtuelle Welt"

BND-Selektorenaffäre: Die stille Löschaktion des W. O.
BND-Selektorenaffäre
Die stille Löschaktion des W. O.
  1. BND-Chef Schindler "Wir sind abhängig von der NSA"
  2. BND-Metadatensuche "Die Nadel im Heuhaufen ist zerbrochen"
  3. NSA Streit um Selektoren-Liste zwischen Gabriel und Steinmeier

SSD HyperX Predator im Test: Kingstons Mischung ist gelungen
SSD HyperX Predator im Test
Kingstons Mischung ist gelungen
  1. Z-Drive 6300 Neue SSD bietet bis zu 6,4 TByte Speicherplatz
  2. Crucial BX100 und MX200 im Test Mehr SSD pro Euro gibt's derzeit nicht
  3. Plextor M6e Black Edition im Kurztest Auch eine günstige SSD kann teuer erkauft sein

  1. Re: ABM für SETI usw...

    limo_ | 13:46

  2. Re: Dreht der USA endlich den Rücken zu!

    blackout23 | 13:46

  3. Re: Shuttleworth macht den Exit

    marsie | 13:46

  4. Re: Ideenlosigkeit

    Milber | 13:29

  5. ANGRIFF AUF KRITISCHE INFRASTRUKTUREN

    konfetti | 13:21


  1. 12:42

  2. 11:46

  3. 09:01

  4. 18:43

  5. 15:32

  6. 15:26

  7. 15:09

  8. 14:21


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel