Abo
  • Services:

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.

Artikel veröffentlicht am ,

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.

Stellenmarkt
  1. ESG Elektroniksystem- und Logistik-GmbH, München
  2. Lidl Dienstleistung GmbH & Co. KG, Neckarsulm

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.



Anzeige
Top-Angebote
  1. (u. a. Vengeance LPX DDR4-3200 16 GB CL16-18-18-36 für 159,99€ statt ca. 195€ im...
  2. (u. a. HD143X FHD-Projektor für 399,99€ statt 479€ im Vergleich und UHD300X UHD-Projektor für...
  3. (u. a. Overwatch GOTY für 22,29€ und South Park - Der Stab der Wahrheit für 1,99€)
  4. 134,98€ (beide Artikel in den Warenkorb legen, um 60€ Direktabzug zu erhalten. Einzelpreise im...

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


Folgen Sie uns
       


Volocopter auf der Cebit 2018 angesehen

Im autonomen Volocopter haben zwei Personen mit zusammen höchstens 160 Kilogramm Platz - wir haben uns auf der Cebit 2018 trotzdem reingesetzt.

Volocopter auf der Cebit 2018 angesehen Video aufrufen
Anthem angespielt: Action in fremder Welt und Abkühlung im Wasserfall
Anthem angespielt
Action in fremder Welt und Abkühlung im Wasserfall

E3 2018 Eine interessante Welt, schicke Grafik und ein erstaunlich gutes Fluggefühl: Golem.de hat das Actionrollenspiel Anthem von Bioware ausprobiert.

  1. Dying Light 2 Stadtentwicklung mit Schwung
  2. E3 2018 Eindrücke, Analysen und Zuschauerfragen
  3. Control Remedy Entertainment mit übersinnlichen Räumen

IT-Jobs: Fünf neue Mitarbeiter in fünf Wochen?
IT-Jobs
Fünf neue Mitarbeiter in fünf Wochen?

Startups müssen oft kurzfristig viele Stellen besetzen. Wir waren bei dem Berliner Unternehmen Next Big Thing dabei, als es auf einen Schlag Bewerber für fünf Jobs suchte.
Ein Bericht von Juliane Gringer

  1. Frauen in IT-Berufen Programmierte Klischees
  2. Bitkom Research Höherer Frauenanteil in der deutschen IT-Branche
  3. Recruiting IT-Experten brauchen harte Fakten

Jurassic World Evolution im Test: Das Leben findet einen Weg
Jurassic World Evolution im Test
Das Leben findet einen Weg

Ian Malcolm hatte recht: Das Leben wird ausgegraben und gebrütet, es frisst und stirbt oder es bricht aus und macht Jagd auf die Besucher. Nur leider haben die Entwickler von Jurassic World Evolution ein paar kleine Design-Fehler begangen, so wie Henry Wu bei der Dino-DNA.
Ein Test von Marc Sauter

  1. Vampyr im Test Zwischen Dracula und Doktor
  2. Fe im Test Fuchs im Farbenrausch
  3. Thaumistry: In Charm's Way im Test Text-Adventure der ganz alten Schule

    •  /