Redesigning the Web: 22 Web Design Tips and Tutorials

Posted by Faisal

It’s not 1999 anymore, so why do so many sites look like that’s where they came from? With all the hype surrounding Web 2.0, a site needs to keep up with all the latest trends to avoid spiraling into obsolescence.

New techniques and visual styles come out daily, so there’s really no excuse for having an ugly site. To help bring you up-to-date, we’ve scoured the net for some of the coolest tips and tutorials.

There’s a little bit of everything here; Flash, Photoshop, CSS, PHP, and more. Whether you’ve just started building your site, or you’re just looking to revitalize your old site, this list will help you get started. With your imagination and these tutorials, you’ll have your site looking good (or better) in no time.

  1. Gradient Overlay
  2. CSS Dropdown Menu
  3. Simple CSS External Links
  4. Sexy CSS Buttons
  5. CSS Style Switcher
  6. Custom CSS Forms
  7. Visual Sitemap
  8. Quick CSS Tables (with code!)
  9. Sorting Tables
  10. Quick Web 2.0 Buttons
  11. Shiny Folder Icons
  12. Batch Watermarking
  13. Even More Web 2.0 Buttons
  14. Redesigning Your Logo
  15. Logo Development
  16. Flash Flyout Menu
  17. Old Video Grain in Flash
  18. Scrolling Flash Image Gallery
  19. Flash Zooming Effect
  20. Advanced Flash: Alpha Effect
  21. Fog Effect in Flash
  22. Color Theory
Save this at: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • del.icio.us
  • Digg
  • DZone
  • Reddit
  • StumbleUpon
  • TwitThis

Like this post? Stay up to date by Subscribing to our Full RSS Feeds


Other People Who Read This, Also Read

Reader Comments

  1. it2051229 - July 28th, 2007

    awww cool.. yeah.. the web just gets better and better.. maybe Operating systems will be operated on the web too hehehehe…

  2. roja - August 2nd, 2007

    Very cool posting. I have bookmarked many of the links. Thanks a lot.

  3. Design for MySpace - August 21st, 2007

    good links for beginners. I used photoshop tutorial for building a web album for my son.

  4. Michael from Pro Blog Design - August 21st, 2007

    Nice list with some cool effects. :)

  5. James - September 9th, 2007

    James…

    Wow, this post is an absolute lifesaver. Thanks for this excellent post and keep up the good work….

RSS feed for comments on this post. TrackBack URI

Leave a comment

Your e-mail address will be kept private. HTML is not allowed.


*
To prove you're a person (not a spam script), type the security word shown in the picture.
Anti-Spam Image