This is a personal blog where I keep myself up to date with latest media. Interesting stuffs will be posted here although I focus mainly on current issues, weird news, gadgets, photos, race cars and Asia/Hollywood Entertainment. I hope you enjoy Arloo stuffs.

CSS layout tips tricks

Monday, November 28, 2005 by Agent W

As a CSS newbie, I always search for CSS tutorials on the internet. Some of them are really helpful and some really hard to understand. I made a list of articles that I recently studied and found really helpful to a newbie.

This is the famous "20 CSS Tips and Tricks" listed 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

  21. Spiffy Corners - Rounded corners without images or script

  22. More rounded corners with CSS

Other cool tips and tutorials
  1. Ten CSS tricks you may not know - from Evolt

  2. A list apart - the greatest of all!

  3. Complete layout techniques and tutorials - from MaxDesign

  4. 12 useful CSS templates - easy to understand

  5. CSS template gallery - Awesome collection of CSS template

  6. Advanced CSS layout - Step by step guide

  7. Businesslogs' 5 CSS Tips

  8. Creating a Style-Guide for your site


Droppyale's cool list of CSS tips
  1. Turning a list into a navigation bar

  2. How To Clear Floats Without Structural Markup

  3. A CSS styled table

  4. Generating Dynamic CSS with PHP

  5. A CSS Framework

  6. Avoiding classitis

  7. Architecting CSS

  8. Creating a Star Rater using CSS

  9. Introducing the CSS3 Multi-Column Module

  10. In search of the One True Layout

  11. One clean HTML markup, many layouts

  12. PHP + CSS Dynamic Text Replacement (P+C DTR)

|

  1. Anonymous Robert Duncan   at  December 12, 2005 1:18 AM
    This is a great resource, I'll be bookmarking this!

    Thanks!    


  2. Anonymous Phil Renaud   at  December 12, 2005 7:23 AM
    Great list, bookmarked!    


  3. Anonymous mark   at  December 12, 2005 12:45 PM
    good tips, thanks!    


  4. Anonymous Anonymous   at  December 12, 2005 2:52 PM
    How can you forget The One True Layout?    


  5. Blogger SuperDak   at  December 16, 2005 4:24 PM
    Excellent list! I would also recomend http://www.csscreator.com/version2/maketemplate.php be added to the list. :)    


  6. Blogger narrowband   at  December 16, 2005 4:59 PM
    Excellent! Bookmarked!    


  7. Anonymous K   at  July 10, 2007 5:00 AM
    Great list ! Thanks for sharing your resources. It's already bookmarked ;)

    Here's a link I found of a CSS trick to give epilepsy !
    http://djcassis.g-host.be/epilepsy.html
    Pretty useful on annoying epileptic colleagues    


  8. Anonymous roan   at  July 23, 2007 12:45 PM
    I have found index with some guidebooks similar to your blog content and would like to share. There are interesting ideas for graphics, web design, web hosting, programming, css, etc. Get it and enjoy!    


  9. Blogger crazy   at  January 28, 2008 7:26 PM
    Nice tips for css, i have book marked this page. Great tips.    


  10. Anonymous Anonymous   at  March 18, 2008 2:44 AM
    BEWARE OF #12 - CSS Element Hover Effect. Google Desktop says it contains malware.    


» Post a Comment

Popular Posts

Previous Posts

Random Jokes

Monthly Archive

View all posts in this month or previous months here. There are lots of weird and funny stuffs inside.

Search Me!

Search what you want here! I have over 800 posts on various topics. So, you might find what you want inside.

Google
 
Web Arloo