Wise Startup Blog

Web design is a unique art, it is quite different than print design, graphic design, and based on the limitations and also functionality of XHTML, web design has quite a bit of quirks you need to work around. What are the best tutorials to get you that perfect design?

Your UI needs to be very explicit in how your website should function, and of course, if handing off your design to a developer, they will need to know what to do with your beautiful design. I’m in the process of designing a couple new sites (all in tandem, bad idea, I know), and I’ve been poring over tons of web tutorials, and I wanted to share you my favorites that have been the most help for me.

This is a hodgepodge collection that I take a little element from each post to add that nice little touch to a design, for instance, with designing the iPhone icon, the glow and radial gradient are a great effect you can infuse into a lot of websites. My personal favorite implementation of this technique is from CampaignMonitor:

7 Best Web Design Resources For Beginners

1. Slick Slideshow Using jQuery

2. Design The iTunes Icon For The iPhone And iPod Touch

3. Five Looks, One Layout: How to Develop a Library of Web Design Styles at Your Fingertips

4. 5 Simple Tricks To Bring Light and Shadow Into Your Designs

5. Hover Effects in Web Design: Best Practices and Examples

6. 50 Totally Free Lessons in Graphic Design Theory

7. 50 Stylish Navigation Menus for Design Inspiration