<< Parse XML with Javascript - jParse: jQuery Plugin for Parsing XML | TinyAccordion - Lightweight JavaScript Based Accordion Control with Nested Item Support >>

November 16, 2009 by blogging developer

Since creating better looking sitemaps is quite time consuming, we usually end up having text-based unordered lists that does not look like a sitemap. From now on, you can have a very beautiful and visual site map with nothing more than your standard unordered list and CSS. SlickMap CSS is a simple stylesheet for displaying sitemaps directly from HTML given as unordered list. It allows 3 levels of navigation and additional utility links for LOGIN, CONTACT, ADVERTISE links.

SlickMap CSS is cross-browser and can be customized easily. It enables automation of sitemap design by eliminating the need for additional software.

SlickMap CSS - is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation.

The way data is visualized by SlickMap CSS is impressive. The arrangment, grouping, and color coding of data makes it very easy to identify and find relevant data. Everything in SlickMap is implemented in pure CSS. There is no JavaScript. It’s also very easy to implement and customize. Simply create an HTML file with an unordered set of links and import the slickmap.css file.

You can download the SlickMap CSS and find more details here.

Want automatic updates? Subscribe to our RSS feed or
Get Email Updates sent directly to your inbox!

Currently rated 4.5 by 2 people

Currently 4.5/5 Stars.
1
2
3
4
5

Tag : sitemap, css, stylesheet

Categories : All | Tips | CSS

Actions : E-mail | Permalink | Comments(1) | Comment RSS

Compress Javascript with compressjavascript.com - Free Online Javascript Compression Tool

Internet Applications with Web 2.0 features make heavy use of JavaScript. As rich web applications are being built with larger JavaScript, the need for JavaScript compression to keep bandwidth and page load times as small as possible by decreasing the size of the files served is becoming more import...

How to: Image Preload: Javascript (jQuery) or CSS – Comparing the techniques

For better display and visitor interaction, image preloading must be implemented in some cases. Previously we focused on two techniques to achieve image preloading in the following posts:Image Preloading with Javascript,Preloading Images Using CSS. Th's article compares these two methods to underst...

JavaScript substring vs. substr with Examples - The Difference Between JavaScript String Extraction Functions

When you write JavaScript, you need to know string manipulation functions. There is a slight difference between JavaScript substring() and JavaScript substr() which are both used to extract characters from strings.

Comments

December 3. 2009 15:02

Social comments and analytics for this post

This post was mentioned on Twitter by bloggingdev: SlickMap CSS - Simple Stylesheet for Displaying Sitemaps from HTML Unordered List without Javascript http://su.pr/9PMnKs

SlickMap CSS - Simple Stylesheet for Displaying Sitemaps from HTML Unordered List without Javascript

November 16, 2009 by blogging developer

Related posts

Comments

Add comment