20 CSS Tips and tricks

A good compilation of different tips by Pete Freitag:

  1. Rounded Corners
  2. Rounded Corners without images
  3. Creating a Netflix style star ratings
  4. Tableless forms
  5. Styling Lists with CSS
  6. 2 Column Layout Technique
  7. 3 Column Layout with CSS
  8. 3 Column Fixed width centered layout
  9. Printing with CSS
  10. Adding a CSS stylesheet to an RSS feed
  11. Footer Stick
  12. CSS Element Hover Effect
  13. Styling Horizontal Rules
  14. Clearing Floats
  15. CSS Popups
  16. Box Punch
  17. CSS Badge
  18. Orange RSS Buttons with pure CSS
  19. 10 CSS Tricks you may not know
  20. 10 More CSS Tricks you may not know

 

2 Comments

  • There still is no good way to do culmn layout with CSS. A lot of the layouts require you to know how tall your header is (which is not known unless you put your text in fixed size font or an image) and all break if your content in the center is wider than the available space (either by overlapping your layout elements or by wrapping them and laying them out vertically).

  • Awesome links! Very informative! Good job!

Comments have been disabled for this content.