SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.
Data visualization is mostly achieved with flash applications or with help of some programming languages. Are those solutions the only way to present, let’s say simple data chart? How about giving it a try with nothing but good ol’ css?
While they may not be used as often as they once were in the heyday of HTML table based web design, image maps can still be quite useful in situations that call for it. In this tutorial, you’ll be shown how to build a pure CSS image map with background image sprites and cap it all of with a “tooltip” like popup, all with CSS.
Vignettes! The technique involves a few divs, a bit of simple CSS, and a whole lot of fun. So click the pic and read on.
The intention of this tutorial was not only to enable data visualization to people that don’t feel comfortable with using various scripting languages but also to demonstrate the power of CSS and present a way of using CSS a bit differently.
Excellent Full Color Sticker Printing available at PsPrint