53 CSS-indispensable skills

53 CSS-techniques you couldn't live January 19th, 2007

CSS is important. and it is being used more and more often. cascading Style Sheets offer extends advantages you don't have in table-layouts-and first of all a strict separation between layout, or design of the page, and the information, presented on the page. thus the design of pages can be easily changed, just replacing a CSS-file with another one. isn' t it great? Well, actualy, it is.

Over the last few years web-developers have written articles about CSS and developed used useful techniques, which can save you a lot of time-of course, if you are able to find them in time. below you'll find a list of techniques we, as Web-protected ts, really couldn't live. they are essential and they indeed make our life easier. let's take a look 53 CSS-based techniques you shoshould always have ready to hand if you develop web-sites. Thanks to all developers who contributed to accessible and usable CSS-based design over the last few years. We really appreciate it. Thanks!1. CSS based navigation2. navigation matrix reloaded3. CSS tabs4. CSS bar graphs (CSS for bar graphs) 5. collapsing tables: An example6. Adam's radio & checkbox customisation method7. CSS image replacement8. CSS shadows (CSS shadows Roundup) 9. CSS rounded corners Roundup (nifty corners) 10. drop cap-capital letters with css11. define image opacity with css12. how to create a block hover effect for a list of links13. pullquotes with CSS (automatic pullquotes with JavaScript and css14. CSS diagrams15. CSS limit footer stick allows for the footer of a web page to appear either at the bottom of the browser window or the bottom of the web page content-whichever is visually lowest.17. CSS image map18. CSS image Pop-Up19. CSS image preloader20. CSS image replacement for buttons21. link thumbnail22. CSS map pop23. PHP-based CSS style switcher24. CSS unordered list calender (CSS styled calender) 25. CSS-based forms: techniques26. CSS-based tables: embedded printing web-embedded ents and css28. improved links-display for print-layouts with css29. CSS-submit extends CSS teaser box31. CSS tricks for custom extends ticked off links reloaded33. CSS extends creating a star rater using css35. the ways to style visited links36. PDF, zip, Doc links labeling37. displaying percentages with css38. image floats without the text wrap39. let visitors decide, whether or not will they open link in a new window40. simple accessible external links41. zebra table with JavaScript and css42. vertical centering with CSS (plain and vertical centering with css43. unobtrusive custom image caption with CSS (styled images with caption) 45. dynamic piechart with css46. format footnotes with css47. hierarchical sitemap with css48. Snook's resizable underlines49. Switchy mclayout: an Adaptive Layout technique50. stylemap: CSS + HTML visual sitemap51. custom reading width52. CSS alert message53. CSS production notesposted by smashing magazine filed in CSS tags: CSS, design, techniques, web-development