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. IT-Koordinator (m/w) im Anwendungsbetrieb
    Landesamt für Digitalisierung, Breitband und Vermessung, München
  2. Mitarbeiter Business Intelligence (m/w)
    Flughafen Düsseldorf GmbH, Düsseldorf
  3. Mitarbeiter für die Mitgliederbetreuung (m/w)
    DENIC eG, Frankfurt am Main
  4. Senior Software Entwickler C++/IT-Architekt (m/w)
    MVI PROPLANT Süd GmbH, München

 

Detailsuche


Top-Angebote
  1. NEU: Xbox One Wireless Controller inkl. Forza Motorsport 5
    59,00€
  2. NEU: 4 Blu-rays für 30 EUR
    (u. a. Avatar, 96 Hours, Pretty Woman, Lord of War, Die Bücherdiebin)
  3. NUR HEUTE: King Kit Airflow Control, Recon schwarz + 4x Spectre Pro LED rot
    mit Gutscheincode pcghmontag nur 57,90€ statt 67,90€ (Preis wird erst im letzten Bestellschritt...

 

Weitere Angebote


Folgen Sie uns
       


  1. Volvo Lifepaint

    Reflektorfarbe aus der Dose schützt Radfahrer

  2. Projekt-Hosting

    Tagelanger DDoS-Angriff auf Github

  3. Samsung

    Galaxy S4 bekommt Lollipop

  4. Deutsche Bahn

    WLAN im Nahverkehr in einigen Jahren

  5. Lords of the Fallen

    Partner wirft Deck 13 "mangelhafte Ausführung" vor

  6. Galaxy S6 Edge im Test

    Keine ganz runde Sache

  7. Biohacking

    Nachtsicht wie ein Tiefseefisch

  8. Spielebranche

    Betrugsvorwürfe gegen Zynga

  9. Adaptalux

    Lichtschwanenhälse sollen winzige Fotodetails ausleuchten

  10. Illegale Onlinemärkte

    Mutmaßlicher Betreiber des Sheep Marketplace verhaftet



Haben wir etwas übersehen?

E-Mail an news@golem.de



Episode Duscae angespielt: Final Fantasy ist endlich wieder zeitgemäß
Episode Duscae angespielt
Final Fantasy ist endlich wieder zeitgemäß
  1. Test Final Fantasy Type-0 HD Chaos und Kampf

KNX-Schwachstellen: Spielen mit den Lichtern der anderen
KNX-Schwachstellen
Spielen mit den Lichtern der anderen
  1. Danalock Wenn das Smartphone die Tür öffnet
  2. Apple Homekit will nicht in jedes Smart Home einziehen
  3. Elgato Eve Heimautomation mit Apple Homekit

Netzneutralität: Autonome Autos brauchen Netz und Mikrochips sind knusprig
Netzneutralität
Autonome Autos brauchen Netz und Mikrochips sind knusprig
  1. Netzneutralität FCC verbietet Überholspuren im Netz
  2. Netzneutralität Was die FCC-Pläne für das Internet bedeuten
  3. Deregulierung FCC soll weitreichende Netzneutralität durchsetzen

  1. Re: Jetzt mal ernsthaft Golem!

    Quantium40 | 14:57

  2. Re: Rechts vs. links

    dependent | 14:56

  3. Re: Motorisierter Klick ist 3 Stufig anpassbar.

    as (Golem.de) | 14:56

  4. Re: Bringt das gebogene Display denn wenigstens...

    dependent | 14:55

  5. Re: "[...] sollte zum Galaxy Note Edge greifen."

    plutoniumsulfat | 14:55


  1. 14:50

  2. 13:48

  3. 12:59

  4. 12:48

  5. 12:29

  6. 12:03

  7. 12:00

  8. 11:50


  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