Home › Blog › Programming › HTML&CSS&Javascript

53 CSS-Techniques You Couldn’t Live Without-and many other CSS and Scripts from smashing magazine

Tue, 2007-03-13 02:51 — leelight

If you are a web designer, I am sure you will like it, 53 CSS-Techniques You Couldn’t Live Without, from a wonderful site, smashing magazine. The webmaster of the site did great effort to collect those things, I really appreciate that! Here I just list some of it, and take it into my bookmark. You can go there to get the full list.
4. CSS Bar Graphs (CSS For Bar Graphs)

CSS-Technique

6. Adam’s Radio & Checkbox Customisation Method

CSS-Technique

14. CSS Diagrams

CSS-Technique

22. CSS Map Pop

CSS-Technique

37. Displaying Percentages with CSS

CSS-Technique

45. Dynamic Piechart with CSS

CSS-Technique

50. StyleMap: CSS+HTML Visual Sitemap

CSS-Technique

 

Is there some relationship with WebGIS? Yes, list 22, 45 and 50 can be used for thematic map. I will use some similar script in SUAS MapServeri. More than CSS, this site brought us many other Scripts and articles about CSS, AJAX and Xhtml.
Here are 3 useful links:

AJAX, DHTML and JavaScript Libraries

Inspire Yourself: 50 Remarkable Favicons(including some online tools)

List of nifty tools and diagrams

You can find more, Thanks for their nice and arduous collecting!!


Blog

Comments

Post new comment

Smileys
{:)}{;)}{:(}{:D}{}:)}{:P}{:O}{:?}{8)}{:jawdrop:}{:sick:}
The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>
  • Lines and paragraphs break automatically.
  • You may quote other posts using [quote] tags.
  • Glossary terms will be automatically marked with links to their descriptions.
  • Textual smileys will be replaced with graphical ones.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
                 __                      _____ 
  _ __    ____  / _|  _ __ ___     ___  |_   _|
 | '_ \  |_  / | |_  | '_ ` _ \   / __|   | |  
 | | | |  / /  |  _| | | | | | | | (__    | |  
 |_| |_| /___| |_|   |_| |_| |_|  \___|   |_|
Enter the code depicted in ASCII art style.