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. Software-Entwickler Communication Stacks (m/w)
    Harman Becker Automotive Systems GmbH, Karlsbad
  2. Informatiker/-in für den Bereich Auftragsabwicklung
    Daimler AG, Düsseldorf
  3. Chief Product Owner (m/w)
    meinestadt.de, Köln
  4. SAP IT Expert PP/PR (m/w)
    Armacell GmbH, Münster

 

Detailsuche


Blu-ray-Angebote
  1. Iron Man 3 (Steelbook) [Blu-ray] [Limited Edition]
    7,97€
  2. Blu-rays unter 10 EUR
    (u. a. 300 Rise of an Empire, Heartbreak Ridge, Pearl Harbor, The Losers, Bodyguard, American...
  3. The Dark Knight (Steelbook) (exklusiv bei Amazon.de) [Blu-ray] [Limited Edition]
    14,99€ (Release 31.3.)

 

Weitere Angebote


Folgen Sie uns
       


  1. Vodafone

    "Mobilfunkpreise sollten zur Finanzierung von 5G steigen"

  2. Acer Liquid M220

    Markteinstieg mit Windows Phone für 90 Euro

  3. Ted Unangst

    OpenBSD will Browser sicherer machen

  4. Dual-Boot

    Console OS bringt Android-Spiele auf x86-Rechner

  5. Streaming

    O2 will trotz Drosselung Watchever anbieten

  6. Mozilla-Browser

    64-Bit-Firefox ist bereit für Alpha-Tests

  7. Leistungsschutzrecht

    Wie die VG Media der Google-Konkurrenz das Leben schwermacht

  8. Modulares Smartphone im Hands on

    Kinder spielen Lego, Große spielen Ara

  9. Signal 2.0

    Kostenlose verschlüsselte Nachrichten von iOS an Android

  10. MT8173

    Mediatek hat den ersten Tablet-Chip mit A72-Kernen



Haben wir etwas übersehen?

E-Mail an news@golem.de



Die Woche im Video: Abenteurer, Adware und ein fixer Anschluss
Die Woche im Video
Abenteurer, Adware und ein fixer Anschluss
  1. Die Woche im Video Ein Spionagering, Marskandidaten und Linux für den Desktop
  2. Die Woche im Video New 3DS, Stromzähler und der schnellste Smartphone-Chip
  3. Die Woche im Video Raspberry Pi 2, die Telekom am DE-CIX und Alienware Alpha

Raspberry Pi 2: Die Feierabend-Maschine
Raspberry Pi 2
Die Feierabend-Maschine
  1. Bastelrechner Das Raspberry Pi 2 hat viermal mehr Wumms
  2. Dual-Monitor-Betrieb VGA-Anschluss für Plus-Modelle des Raspberry Pi
  3. Bitscope Micro im Test Oszilloskop und Logic Analyzer für den Bastelrechner

IMHO: Automotive ist das neue Internet of Things
IMHO
Automotive ist das neue Internet of Things
  1. Uber-Konkurrent Kommt bald das Google-Taxi ohne Fahrer?
  2. Bundesverkehrsminister Autonome Autos sollen in zehn Jahren normal sein
  3. Autobahn Ruhrgebiet soll Testgebiet für autonomes Fahren werden

  1. Sailfish OS 2.0 fürs Handy

    Thaodan | 17:34

  2. Datenvolumen

    cat24max1 | 17:33

  3. Re: Ernsthaft - wozu braucht ein Desktop...

    Ovaron | 17:33

  4. Re: Laufzeit von Fernsehgeräten

    Koto | 17:33

  5. Nicht maschinenlesbar?

    colorando | 17:33


  1. 17:14

  2. 16:53

  3. 16:41

  4. 15:47

  5. 15:42

  6. 13:58

  7. 13:44

  8. 13:22


  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