Get flash to fully experience Pearltrees
CSS is almost certainly one of the best developments in web design since the first graphical web browsers were adopted on a wide scale. Where tables created clunky, slow-loading pages, CSS created much more streamlined and usable web pages. Plus, CSS has allowed designers to achieve a number of different styles that used to only be possible with images.
Published by Chris Coyier This article has been updated from an older version (originally Sept 24, 2007). I just wanted to expand it and make it more clear. If you read this blog, there is a 99% chance you've had a hair-pulling experience with IE. But if you are worth your salt as a CSS coder, you should be able to deal with it.
What is this about? The CSS Table Gallery is a showcase of how CSS and data tables can work together to create usable and pretty results. Every once in a while there are emails on discussion lists asking for nicely designed tables and they are prone to go off-topic and ending in a holy war why tables are bad and why you shouldn't use them. Basically the thread/email that gave me the idea was this request on the evolt list . Well, there are legitimate uses for tables, for tabular data they are the best solution, as - properly marked up - they structure the data for the visual user and make it easy to follow for blind visitors or those using user agents without table rendering. There are some good tutorials on styling tables on the web already, but a showcase site was missing, so here you go.
When Adobe first introduced Spry, our goal was to bring Ajax capabilities to the web design community, allowing designers to create web pages that provided a richer experience for the end user. As we know, however, the web evolves at a blistering pace. Over the last couple of years, frameworks such as JQuery have evolved to encompass many of the capabilities originally envisaged for Spry, making Spry as a standalone offering less relevant. As we can continue to focus our efforts in furthering the web, we have decided to no longer invest in the development of Spry.
Single-level Dropdowns Right. Let's not beat around the bush. The initial HTML we're dealing with will look something like this: < ul id = "nav" >< li >< a href = "#" >Percoidei</ a >< ul >< li >< a href = "#" >Remoras</ a ></ li >< li >< a href = "#" >Tilefishes</ a ></ li >< li >< a href = "#" >Bluefishes</ a ></ li >< li >< a href = "#" >Tigerfishes</ a ></ li ></ ul ></ li >< li >< a href = "#" >Anabantoidei</ a >< ul >< li >< a href = "#" >Climbing perches</ a ></ li >< li >< a href = "#" >Labyrinthfishes</ a ></ li >< li >< a href = "#" >Kissing gouramis</ a ></ li >< li >< a href = "#" >Pike-heads</ a ></ li >< li >< a href = "#" >Giant gouramis</ a ></ li ></ ul ></ li ></ ul >