Powerful CSS Techniques
Note: This list is growing all the time! I suggest to bookmark this page because I’m always trying to discover good CSS articles/techniques/inspirations.
If you find anything missing in the list, please do let me know! I’ll add the resource link with a link back to your blog/website.
Thanks for the visit! I hope you find something useful on this page.
- Avinash
[ Last update: May 23, 2007 ]
====================================================================
Articles (Elsewheres)
- CSS Hacks and Issues
- CSS Shorthand Guide – ./with Imagination
- CSS Slicing Guide
- CSS Drop Shadows | A List Apart
- CSS For Bar Graphs – Apples to Oranges
- Generating Dynamic CSS with PHP | Digital Web Magazine
- A CSS Framework | Content with Style
- Architecting CSS | Digital Web Magazine
- Margins and Padding
- How to make sexy buttons with CSS
- Creating a Star Rater using CSS – Komodo Media
- Cross-browser CSS for your site – Friendly Bit
- Create Curved Boxes Using borderRadius Property
- Adding a CSS StyleSheet to your RSS Feed – Pete Freitag
- 6 Cool CSS Techniques – The Montoya Herald
- Learn CSS Positioning in Ten Steps – BarelyFitz Designs
- Ten CSS Tricks You May Not Know – The Code Project
- 10 Quick Tips for an Easier CSS Life – (Search-This)
- Top CSS Tips – Snook.ca
- 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine
- Web Standards Checklist – Max Desgin
- 20 Pro Tips – .net magazine
- Future-proof your CSS with Conditional Comments – Bruce Lawson
- Invasion of the Body Switcher (Style Sheet Switcher) | A List Apart
Design Techniques
- Elastic Design by Patrick Griffiths – A List Apart
- Grid-based Design | Thinking Outside the Grid by Molly E. Holzschlag – A List Apart
Design Inspirations
CSS Galleries/Directories
- Netcocktail – A CSS gallery that allows you to view designs by selecting a color scheme.
- 60 Best CSS Directories You Would Die To Watch!
CSS Mockups
- Quick CSS Mockups with Photoshop by Casper Voogt – A List Apart
- Get Cooking with Photoshop and CSS by Corrie Haffly – SitePoint
- Designing a CSS Based Template – Veerle’s blog
Rounded Corners
- CSS Rounded Corners ‘Roundup’ – Smiley Cat Web Design
- Rounded Corners in CSS – Adam Kalsey
- “Sliding Doors” Box – Rounded Corners for All
- Rounded Corners Without Images – Nifty Corners Cube
Layout Techniques
- Creating a CSS Layout From Scratch
- Create a simple liquid layout – .net magazine
- Coding a Layout – Erratic Wisdom
- CSS Centering 101 – SimpleBits
- Little Boxes (CSS box layouts)
- CSS Boxes and Borders – Mandarin Design
- 2 Column Layout Techniques – Glish.com
- 3 Column Layout Techniques – Glish.com
- 3 Column Static Width and Centered – Glish.com
CSS Floats
- Float Containing Rules By Browser – Ed Eliot
- Step by Step CSS Float Tutorial – Floatutorial
- CSS Float Theory: Things You Should Know – Smashing Magazine
Navigation Techniques
- CSS Navigation Techniques – Vitaly Friedman (alvit.de)
- Navigation Matrix Reloaded – SuperFluousBanter
- Free CSS Navigation Menu Designs – ExplodingBoy
- More Free CSS Navigation Menu Designs – ExplodingBoy
Forms
- Tableless Forms – QuriksMode
- A CSS-based Form Template
- Form field hints with CSS and JavaScript – Ask the CSS Guy
Lists
- Styling Lists With CSS – One List, Many Options | Listamatic
- CSS Design: Taming Lists | A List Apart
- Clickable Link Backgrounds – SimpleBits
- How to Create a Block Hover Effect for a List of Links – Smiley Cat Web Design
- CSS Design: Going to Print by Eric Meyer | A List Apart
- Printer Friendly Pages – ILoveJackDaniels.com
Footer
CSS Property Reference
- CSS 3: A thorough reference of CSS properties, with examples.
- All CSS Properties Listed Alphabetically
- CSS Cheat Sheet – ILoveJackDaniels.com
- CSS Reference
- CSS Documentation Shortcut
- CSS Cheat Sheet
- CSS Style Guide – New York Public Library
Other Cool CSS Resource Lists


