32 Comments
- BahamutSalad, on 07/09/2009, -2/+16Dugg for not being another list of crappy websites that put form over function and content, but look "inspirational".
- kieranhall, on 07/09/2009, -0/+13Finally a site map that actually looks like a map!
- Kapitaine, on 07/09/2009, -0/+6This is bloody brilliant! Just goes to show what CSS 3 might have to offer when it becomes fully supported. I mean, it kinda works with todays CSS but with CSS 3 the gradients, the shadows and the rounded corners can all be one only using code. Can't wait for the day!
- eanbowman, on 07/09/2009, -1/+7The fallback in IE8 is less than graceful but that's easy enough to edit.
- BigLou, on 07/09/2009, -0/+6You could use this for some really cool flow charts too.
- gunit99, on 07/09/2009, -0/+6From the readme:
SlickMap CSS was created for web designers, and such was tested and developed
for use with Safari, Firefox, Opera, and other standards-compliant browsers.
Because of that, current versions of Internet Explorer (and probably IE
versions long into the future) might look like sh*t. And I don't really care‚
though you're welcome to suggest improvements in that arena.
Might I I add a hearty:
***** OFF AND DIE, IE!
from the depths of my soul?
Thank you. - Sebassis, on 07/09/2009, -2/+7Nice bit of css. If a user does get stuck and ends up on your sitemap then it's a nice looking interface for them to find the section they're after. The bots see the nice ul's and everyone's happy.
- TheTrueAPlus, on 07/09/2009, -0/+5You don't get the point of this.
- Chewie67, on 07/09/2009, -0/+5That is one of the most impressive uses of CSS I've ever seen.
- clokwise, on 07/09/2009, -2/+6Slick AND cool
- chriskuta, on 07/09/2009, -4/+8That is very slick
- darkened, on 07/23/2009, -0/+2I'm not really a fan, would be useful for creating a company organization chart though.
- homesqua, on 07/09/2009, -0/+2As impressive as this CSS work is, I still think plain old nested lists are easier to navigate.. both this map and the plain html lists become equally difficult to scan when they are >2x the size of this demo.. I think the user would actually spend more time scanning to find a page they were looking for in the styled version..
- vainbrian, on 07/10/2009, -0/+2as usual, ie6 breaks it.
a bit of js for transparency will will help too. - 2brother, on 07/23/2009, -0/+2Really cool. Great visual representation with minimal structure
- uilhao, on 07/10/2009, -0/+2Nice, but not very usable, first it seems to not work in IE and for predesign sitemaps for interaction with clients would need development. I use WriteMaps to create sitemaps for clients and interactive with them like the site suggests, http://writemaps.com/, works like a charm.
- webchimp32, on 07/09/2009, -0/+2Went to their homepage but couldn't find a sitemap of their own site.
- serif69, on 07/09/2009, -0/+2I'm impressed by how simple the CSS is. Everything is styled by how it nests as an unordered list. But now I have "Umbrella" stuck in my head after reading through the CSS file.
li li li a - DamnLogins, on 07/09/2009, -0/+2I really, really like this and can see it being extremely useful for many things.
However, I was disappointed that it can't do a tree like structure, i.e. with the branches going up rather than down. I would have liked to use it to structure my family tree.
If I'm wrong, I would love someone to point me in the right direction (or even an alternative). - andymci, on 07/09/2009, -0/+2This is *very* useful. It's an elegant (and quick) way of displaying your site's taxonomy, and takes a lot of the legwork out of developing a flowchart. The interactivity of an actual page (opposed to a purely graphic representation) is much better for long-term use, too.
- artjc, on 07/09/2009, -1/+2Un toque de diseño a nuestos sitemaps.
- james3Sixty, on 07/09/2009, -0/+1Very cool!
- arsenyv, on 07/09/2009, -0/+1From the site: The general idea of SlickMap CSS is to streamline the web design process by automating the illustration of sitemaps while at the same time allowing for the predevelopment of functional HTML navigation.
Sitemaps and wireframes are used in the early development stages of a website to layout its structure before getting into designing/coding (the end user does not see any of this). SlickMap CSS just happens to be an attractive, functional way to create such a sitemap; instead of using PowerPoint for example. - somethingnewnow, on 07/28/2009, -0/+1very very cool i think i know what to do with this i have 100's of websites if anyone can help me out with this please let me know thanks a lot...
As Always, Mix Master Ace, CEO / Founder
Something New Now Global, LLC - paulpace, on 10/27/2009, -0/+1This is extremely useful, giving visually appealing site maps which can be used to bounce ideas off of clients. Great colour choices and usage of neted lists.
I would recommend this to web developer. Very easy to use - runep, on 07/09/2009, -2/+1Sloock?
- sonnysavage, on 07/09/2009, -7/+5I like it, but it seems that a viewing the site map as a regular nested list is more user-friendly.
- philipbenton, on 07/09/2009, -6/+3Looks really cool
- gugufrommdy, on 07/09/2009, -7/+2Nise!
- dominion79, on 07/09/2009, -7/+1Looks really good... But IMO it seems to be a bit over kill for a sitemap.... when a sitemap is primarily used these days by search bots to help index your site.
- inactive, on 07/09/2009, -9/+2Buried for not being another list of crappy websites that put form over function and content, but look "inspirational".
- andreasblixt, on 07/09/2009, -10/+2It looks nice and all, but it has no practical use. No one would put this on a production website for the simple fact that 50% or more of their visitors would not be able to see it as was intended. Unfortunately, the brutal reality is that if this is what the sitemap is going to look like, the implementation on a production website would use twice as many elements, images and CSS classes to accommodate IE.
EDIT: I realize that according to the description, the sitemap might only be used on one browser to simply present the site structure based on HTML lists. I still don't see the practical use, because either you use a CMS which already presents the site structure, or you have the site structure in the design documentation.



What is Digg?