Thursday 13 August 2009

Build faster websites with CSS sprites - article reviews

Being a web developer, I am interested in building websites that load quickly, offer the best content, have a nice design, and are easy to use. Using CSS sprite images on your website is the best way to quicken up the loading time of your images and is also the best way to keep up with today’s best web design practices. Via the tutorial9.net I found this interesting article about Building Faster Websites with CSS Sprites - see the main points below.

Building Faster Websites with CSS Sprites
Materials Needed for building faster sites:
  • Image – Step 1: Set up each individual navigation menu image states
  • Step 2: Image - Combine all 3 navigation bar image states into 1 image
  • Step 3: Image – Measure the height of each buttons
  • Step 4: Image – Measure the width of each buttons
  • Step 5: Image – Width and height of each buttons
  • Step 6: CSS – setting up the navigation bar
  • Step 8: CSS – Using HTML lists (ul tags) for the navigation bar links
  • Step 9: CSS – adding images for each links
  • Step 10: CSS – adding hover states to the navigation bar
  • Step 11: CSS – adding clicked/active states to the navigation bar
Continue to read this article, which also speaks about some more Ways to Speed Up Your Website - Building Faster Websites with CSS Sprites.

No comments:

Post a Comment

Leave me a comment below if you liked this article - what do YOU think about it?