Interesting CSS tricks of various descriptions.
Category | Link | Notes |
---|---|---|
Backgrounds | Background Image Hacks | Tricks with transforms (rotation and opacity), among other things |
Bar Graphs | Vertical Bar Graphs with CSS and PHP | |
CSS for Bar Graphs | ||
Menus/Tabs | Hybrid CSS Dropdowns | my old photo navigation bar, done right. |
Sliding Doors | great tab trick | |
Mini Tabs | ||
Tables | Table Formatting | nice pastel color scheme |
Images | Polaroid Photo Viewer with jQuery and CSS3 | nice use of jQuery |
Em Image Sizing | ||
Annotating Images with CSS | several interesting alternatives. | |
Rounded Corners | CSS Speech Bubbles | pretty neat. |
Using -moz-border-radius | ||
Another Way | using JavaScript, Updated Version | |
Rounded Corners | ||
Form Controls: | Styling File Inputs With CSS and the DOM | |
CSS-based forms | ||
Styled Form Controls | neat. | |
Styling Form Controls | on just about any browser. | |
Drop Shadows | Robust CSS Drop Shadows | |
Slide Shows: | DOMSlides | a variant on Eric Meyer’s S5. |
S5: A Simple Standards-Based Slide Show System | ||
W3C Slidy | ||
Layouts | Faux Absolute Positioning | pretty interesting technique. |
Equidistant Objects with CSS | ||
The One True Layout | equal-height columns, at last. | |
Mimicking Magazines | neat set of layouts. | |
Three Column Layouts | ||
Columns and Grids | not CSS -specific, but plenty of brilliant layout examples. | |
Text and Lists | Bulleted Lists | |
Custom Underlines | ||
Printing | Going to Print | |
Improving Link Display for Print | hyperlinks as footnotes. Damn useful. | |
Miscellaneous | Sidenotes | Interesting, possibly of use to me. |
Browser Selectors | an easier way to deal with browser peculiarities | |
Throwing Tables Out the Window, Beautiful Interfaces with CSS , No More Tables | All tables, all the time. | |
The CSS Anarchist’s Cookbook | mangling content, the CSS way. | |
IE7 | Turning de facto standards into real standards | |
Fast Rollovers | by moving the background image inside a clip rect | |
pret-a-porter theme in the CSS Zen Garden | great gradient | |
CSS Sprites | ||
Using CSS in HTML mail | if you really must. |