35+ Essential Web Design Resources on Best Practice, Tips and Techniques

October 30, 2010 · 68 comments

by Lars

I have previously created large lists of tutorials on how to create web designs fx. 160+ Mega Web Design Tutorial Roundup and Essential Web Designers Guide on PSD to HTML/CSS. While articles like these are clearly focussed on the techniques needed for creating the design in fx. Photoshop and make it ready for being sliced up and implemented there are some really key aspects completely missing. If you’re serious about web design you need to familiarize yourself with Industry Best Practice and experience of what is working in real life and what is not. In the end it is the end users experience that counts and where some designers are focusing mainly on look and feel I can assure you that the end user will first of all require it to be easy to navigate, read etc. (usability) and to be loading fast and reliably.

As a supplement to previous articles on web design this article will close the gap and provide you with the best resources providing trends, best practice, tips and trick on good design, usability, standards compliance and much more. This is Essential reading for web designers. Please post a comment if I missed an Important article or resource!



Web Design Tips, Techniques and Best Practice

The Most 10 Common Mistakes Web Designers Make

There are plenty of mistakes web designers (especially new ones) make when designing websites. Everything from poor design to simple oversight happen every day. But with a little diligence, they can easily be avoided.


The Do’s and Don’ts of Dark Web Design

There are some really essential tips on how to create dark web designs waiting for you here!


Web Page Development: Best Practice

This article gives some practical hints on how to create standards-conforming websites, and to work around known of issues.


Clear And Effective Communication In Web Design

In this article, we’ll take a broad look at the subject of clear communication in Web design. We’ll start with a discussion of the primary methods of communication for websites and typical challenges that designers face. From there, we’ll move on to look at what specifically should be communicated to visitors and tips for implementing this in your own work. At the end, we’ll look at some of the goals that should be established in terms of communication when developing websites, as well as some of the results of having a website that communicates effectively.


Web Design Trends For 2009

Want to know what latest web design trends are? “Over the last months, we’ve analyzed numerous Web designs, observing emerging trends and weighing the merits of numerous design decisions and coding solutions. In this post, we present Web design trends for 2009: recent developments, new design elements and new graphic approaches.”


More Web Design Trends For 2009

This post presents design trends for 2009 in terms of layouts, visual approaches and design elements.


Mobile Web Design Trends For 2009

Because designing websites for mobile devices brings some unique situations and challenges into play, the subject requires a strategic approach from the designer and developer. In this article, we’ll look at the subject as a whole, including current trends, challenges, tips and a showcase of mobile websites. Plenty of helpful resources and articles are also linked to throughout the post, so if you’re interested in learning more about designing for mobiles, you should have plenty of information at your fingertips.


13 Characteristics of Outstanding Blog Design

There are plenty of sources available for designers who are seeking inspiration from high quality blog design, but it’s also important to understand specifically what will influence and determine the success of a blog theme design. In this article we’ll examine 13 characteristics that separate great blog themes from the rest.


Meet Radim Malinic: The Graphic Artist Behind Webdesigner Depot

Get to know how the very unique design of webdesignerdepot.com was created from the designer himself.


Best practice in web design

This guide provides advice on the principles of good web design, taking into account the requirements of the DDA. The design of your website may benefit from the help of a web designer or digital agency. If you decide to use a third party, this guide can help inform your discussion with them.


Non Profit Website Design: Examples and Best Practices

Best practices for designing non profit websites followed by some examples of non profit websites that are getting things right.


9 Crucial UI Features of Social Media and Networking Sites

This article goes over crucial features of the user interfaces of social media and social networking sites. It discusses important features, techniques and concepts behind these designs and explains why they are important, with examples from top sites. These easy and general usability strategies can be applied almost anywhere and to almost any type of user interface.


10 Useful Techniques To Improve Your User Interface Designs

Web design consists, for the most part, of interface design. There are many techniques involved in crafting beautiful and functional interfaces. Here’s a collection of 10 that you’ll may find useful in your work. They’re not related to any particular theme, but are rather a collection of techniques I use in my own projects. Without further ado, let’s get started.


Elements of Great Web Design: The Polish



t has long been common practice to use recurring solutions to solve common problems. Such solutions are called design patterns; standard reference points for the experienced user interface designer. This website seeks to better the situation for the UI designer, who struggles with the same problems as many other UI designers have struggled with before him.


Design Pattern Library


9 Essential Principles for Good Web Design

Web design can be deceptively difficult, as it involves achieving a design that is both usable and pleasing, delivers information and builds brand, is technically sound and visually coherent.


12 Useful Techniques For Good User Interface Design

8 Layout Solutions To Improve Your Designs


10 Tips to Create a More Usable Web (@webdesignerdepot.com)

In this article I hope to give you some form of a usability checklist, covering topics from form design to simple navigation tips that you can apply to any Web project.


9 Common Usability Mistakes In Web Design

Here are 9 usability problems that websites commonly face, and some recommended solutions for each of them


Learning Web Usability

This is a brief and definitely unordered list of the books, blogs, podcasts and twitterers covering usability in web design.



Usability.gov is the primary government source for information on usability and user-centered design. It provides guidance and tools on how to make Web sites and other communication systems more usable and useful.

This site was developed to specifically assist Web managers, designers, usability specialists, and others create Web sites that are highly responsive, easy-to-use, and useful.


30 Usability Issues To Be Aware Of

10 Usability Nightmares You Should Be Aware Of

useit.com: Jakob Nielsen’s Website

88 checks, The ultimate webdesign usability checklist



Pattern library

Patterns that meet a direct need of the user.


Tools and Check lists

35 CSS-Lifesavers For Efficient Web Design

35 new and useful CSS tools, generators and resources that can significantly improve your workflow and reduce your time efforts for CSS-coding. Whether you’re writing, compiling, refining or experimenting with CSS code – or all of the above – these tools can help you get the job done faster and better than ever before


45 Incredibly Useful Web Design Checklists and Questionnaires

Checklists to make your design process easier and more organized. Consider using these checklists as a jumping off point for creating your own customized list, based on your own needs.


12 Standard Screen Patterns



Loop11 is a web-based user-experience testing tool, allowing companies to conduct online, unmoderated user testing on any kind of digital interface. Loop11 is not a survey or web analytics tool, but a user experience tool… helping you to understand user behaviour.


userfly.com provides instantaneous web user studies by recording user visits and letting you play them back to see every mouse movement, click, and form interaction. Conducting a user study doesn’t have to be expensive or a logistic nightmare. With userfly.com you can perform simple and cheap user testing with your real users.



Understand Dont Click

This site is a study in interface design creating a site where not clicks is needed. Useful…not sure but it is inspirational.


50 Monochromatic Website Designs

Color choice is a key element to the success of any design. It invokes an atmosphere and sets the mood. One method for using color is to use only shades of a color, which is known as a monochromatic color scheme.








{ 16 comments… read them below or add one }

site July 18, 2013 at 6:44 pm

Incredible points. Outstanding arguments. Keep up the amazing


Website Designing Company July 5, 2013 at 2:16 pm

hello! Lars thank to share this awesome tips it is very helpful i am also doing seo web designing and development but i like your blogs :)


chat support November 28, 2012 at 8:19 am

Pretty part of content. I simply stumbled upon your website and in accession capital to say that I get in fact enjoyed account your weblog posts. Anyway I will be subscribing for your feeds or even I fulfillment you get right of entry to persistently rapidly.


web design May 24, 2012 at 7:57 am

That’s an amazing source of information. Really nice collection. Thank you for publishing this great article.


Small Business Websites March 28, 2012 at 12:45 am

Lars, this is great! Thumbs up for your extra ordinary effort in giving those tips. Keep it up!


Asmitha Sangee January 25, 2012 at 11:59 am

Nice tutorial.You explain each and every point clearly.Every learn how to design website properly.Thanks for sharing


Bobby Mamtora April 10, 2011 at 7:46 pm

I was very pleased to find this site.I wanted to thank you for this great post on web designe!!Thanks!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post.


Web Design Agency India March 25, 2011 at 12:39 pm

What a superb presentation and a clear and concise method of explaining things. It sure inspires a lot to a web designer.


Brugge Restaurant March 24, 2011 at 7:47 am

this is very nice article, and This will really help designers understand more things. and Thanks for sharing.


Uk logo Design January 13, 2011 at 11:19 am

i read your last article… and in this article you publish amazing information …


Logo Design January 6, 2011 at 2:37 pm

thanks for sharing all the information. great blog.


website leasing November 26, 2010 at 5:24 pm

wonderful blog..thanks for sharing such a useful information


Cheap Brochure Dude November 19, 2010 at 2:15 pm

Great list. It’s nice to see some fresh ideas to stimulate my own. I own Killer Bee Printing so it’s nice to have some more free resources to recommend to our design team.


SMO Marketing October 11, 2010 at 12:45 pm

great collection..very nice article..i like your web design collection..this is very helpful for design web page..

Thanks very much …. for leave this list


Steve August 27, 2010 at 11:52 am

Some nice looking sitees -nice to see some other peoplem idea’s well done!


web design franchise August 15, 2010 at 5:17 pm

You have a catchy site and I have learn some ideas with this. It help me understand how to what is web design. Thank you..


Leave a Reply

Your email address will not be published. Required fields are marked *

{ 1 trackback }

Previous post:

Next post:

Web Analytics