CSS Techniques Roundup - 20 CSS Tips and Tricks
I never cease to be amazed at what problems can be solved with pure CSS. Here are 20 CSS techniques, tips and tricks that you may find handy:

- CSS Uppercase
- Rounded Corners
- Rounded Corners without images
- Creating a Netflix style star ratings
- Tableless forms
- Styling Lists with CSS
- 2 Column Layout Technique
- 3 Column Layout with CSS
- 3 Column Fixed width centered layout
- Printing with CSS
- Adding a CSS stylesheet to an RSS feed
- Footer Stick
- CSS Element Hover Effect
- Styling Horizontal Rules
- Clearing Floats
- CSS Popups
- Box Punch
- CSS Badge
- Orange RSS Buttons with pure CSS
- 10 CSS Tricks you may not know
- 10 More CSS Tricks you may not know
Do you have other good tips tricks and techniques? Please post them in the comments.
Update: I have started working on a CSS Cheat Sheet that you may find handy.
Update Again: I removed several links that no longer work.
Like this? Follow me ↯
Tweet Follow @pfreitagCSS Techniques Roundup - 20 CSS Tips and Tricks was first published on September 22, 2005.
If you like reading about css, tips, techniques, roundup, or tricks then you might also like:
- Web Design Tips for Programmers
- CSS Uppercase and CSS Capitalize
- Vi in a Nutshell
- 4 Google Tricks
- Cheat Sheet Roundup - Over 30 Cheatsheets for developers
Comments
Pete,
Great collection of useful references. Your blog continues to be the 'best in class' with regards to web development and ColdFusion as far as I'm concerned. Many thanks.
Great collection of useful references. Your blog continues to be the 'best in class' with regards to web development and ColdFusion as far as I'm concerned. Many thanks.
by Mark Holton on 09/22/2005 at 3:28:44 PM UTC
Thanks Mark and Sami! Your feedback drives me to keep on working at it!
by Pete Freitag on 09/22/2005 at 4:10:07 PM UTC
Thanks Kev, glad to help out. Yeah I saw the update, much easier to read.
by Pete Freitag on 09/22/2005 at 4:34:47 PM UTC
Hey, there's some AWESOME stuff in here...
by Lorin Rivers on 09/23/2005 at 11:26:49 AM UTC
Hi Chris,
Many of the links I posted here are listed in the link you posted, but not ALL of them. Additionally I am posting different variations on some of the techniques of which I found to be better solutions.
Many of the links I posted here are listed in the link you posted, but not ALL of them. Additionally I am posting different variations on some of the techniques of which I found to be better solutions.
by Pete Freitag on 09/27/2005 at 9:50:32 AM UTC
Excellent job rounding this all up, these really are very useful. You wouldn't believe the amount of time I waste googling all these little hacks and tricks to design a tiny portion of a web site or blog.
Keep up the good work Pete!
Keep up the good work Pete!
by Ahmed on 10/03/2005 at 5:14:20 AM UTC
Well done! Very useful stuff!
Sami