Web Design Resources

We have created a collection of useful Resources for Webdesigners, Webmasters and Webdevelopers.
Below you can find the top 10 links for each category. The Resources will be updated weekly.



Accessibility
#1
WAVE
WAVE WAVE
WAVE is a free web accessibility evaluation tool provided by WebAIM. It is used to aid humans in the web accessibility evaluation process.
#2
Gray Bit
Gray Bit Gray Bit
GrayBit is an online accessibility testing tool designed to visually convert a full-color web page into a grayscale rendition for the purpose of visually testing the page’s perceived contrast.
#3
Colour Blindness Simulator
Colour Blindness Simulator Colour Blindness Simulator
Use our Colour Blindness Simulator to reveal how your images may appear to users with a variety of colour blindness conditions. Upload a JPEG image of no more than 1000 pixels x 1000 pixels (100 KB filesize or less) to see how colour blind users may see it.
#4
Browsershots.org
Browsershots.org Browsershots.org
Check the Browser Compatibility of your website, Cross Platform Browser Test.
#5
Total Validator
Total Validator Total Validator
Total Validator is a free one-stop all-in-one validator comprising a HTML validator, an accessibility validator, a spelling validator, a broken links validator, and the ability to take screenshots with different browsers to see what your web pages really look like.
#6
Accessibility Test
Accessibility Test Accessibility Test
Accessibility Valet Demonstrator
#7
Truwex Test
Truwex Test Truwex Test
Truwex manages website compliance with web accessibility, online privacy, and quality standards. Truwex is a web governance and testing solution, all in one product.
#8
User Interface Test
User Interface Test User Interface Test
Site Check saves you time—fill out only one form instead of a dozen when checking a website. Site Check lists the test results provided by important validators and accessibility tools.
#9
WebbIE
WebbIE WebbIE
WebbIE is a web browser for blind and visually-impaired people, especially those using screen readers, used since 2001 all over the world.
#10
Vischeck.com
Vischeck.com Vischeck.com
Vischeck is a web-based color blindness simulator.
Blogs and Articles
#1
A List Apart
A List Apart A List Apart
Blog for Peope who make websites
#2
CSSbeauty
CSSbeauty CSSbeauty
focuses on providing its audience with a database of well designed CSS based sites, as well as news and happenings on the CSS Design Community. It showcases designers work and serves as inspiration for those looking to build CSS based websites.
#3
Pearsonified
Pearsonified Pearsonified
Web developer and WordPress theme designer Chris Pearson can teach you how to build a website the right way. From SEO to design to profitability, this site is about making things work…and work well!
#4
456 Berea Street
456 Berea Street 456 Berea Street
Articles and news on web standards, accessibility, usability, and other things related to web development and web design.
#5
SimpleBits
SimpleBits SimpleBits
is a tiny design studio founded by designer, author and speaker Dan Cederholm. We design, write and speak about interfaces and products for people like you.
#6
Smashing Magazine
Smashing Magazine Smashing Magazine
Website of the well known webdesign magazine
#7
Meyerweb
Meyerweb Meyerweb
Personal Webdesign Blog
#8
TutorialBlog
TutorialBlog TutorialBlog
TutorialBlog is a creative resource with tutorials in photoshop graphics, web design, art, writing, social media and living the freelance life.
#9
Andy Budd
Andy Budd Andy Budd
Personal Webdesign Blog by Andy Budd
#10
Snook.ca
Snook.ca Snook.ca
Personal Webdesign Blog by Jonathan Snook
CMS - Free
#1
DotNetNuke
DotNetNuke DotNetNuke
The Leading Web Content Management Platform for Microsoft .NET
#2
Drupal
Drupal Drupal
is an open source content management platform. Equipped with a powerful blend of features, Drupal supports a variety of websites ranging from personal weblogs to large community-driven websites.
#3
One Hippo
One Hippo One Hippo
is a user friendly open source content management system designed to deliver enterprise level performance and reliability.
#4
Plone
Plone Plone
Plone lets non-technical people create and maintain information using only a web browser. Perfect for web sites or intranets, Plone offers superior security without sacrificing extensibility or ease of use.
#5
Pixie
Pixie Pixie
Pixie is a free, open source web application that will help you quickly create your own website.
#6
Joomla!
Joomla! Joomla!
the dynamic portal engine and content management system
#7
Magnolia
Magnolia Magnolia
a leading Content Management System favored for its ease-of-use and availability under an Open Source license.
#8
Frog CMS
Frog CMS Frog CMS
Frog CMS simplifies content management by offering an elegant user interface, flexible templating per page, simple user management and permissions, as well as the tools necessary for file management.
#9
Wordpress
Wordpress Wordpress
WordPress is a state-of-the-art publishing platform with a focus on aesthetics, web standards, and usability. WordPress is both free and priceless at the same time.
Webdesign-spot is a good example of the possibilities with this software.
#10
Typo3
Typo3 Typo3
A free, feature rich, Content Management Framework built with PHP and running under many Unixes and Windows.
Colors
#1
ColourLovers
ColourLovers ColourLovers
COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles... All in the spirit of love.
#2
Color Scheme Designer
Color Scheme Designer Color Scheme Designer
Very handy tool to pick a color scheme for your webdesign.
#3
Color Design Theory
Color Design Theory Color Design Theory
Color Design Theory by the largest online gallery of top-notch web design examples anywhere. Browse, search, learn, get inspired.
#4
Kolur
Kolur Kolur
Color Palette Gallery for your inspiration
#5
Color Blender
Color Blender Color Blender
Pick a color value format, input two valid CSS color values in the format you chose, and pick the number of midpoints you'd like to see. The palette will show the colors you input as well as the requested number of midpoint colors, and the values of those colors.
#6
Color Combos
Color Combos Color Combos
you're sure to find the perfect color combination for your project. This site was built to help web developers quickly select and test website color combinations.
The heart of the site is the Combo Tester, which allows web developers to see how different color combinations work together on the screen.
#7
Color Combinations
Color Combinations Color Combinations
Choosing the right color combination is vital for any design - web site layouts included. A good color combination can lead to success while a bad one spells doom. In these pages you will find more than 200 color combinations to help you in selecting colors for your web site.
#8
Color Mixers
Color Mixers Color Mixers
Generates random colors based on a primary color set by you.
#9
Color Theory
Color Theory Color Theory
Color Theory & Mixing: 16 Lessons in Color Theory
#10
100 Random Colors
100 Random Colors 100 Random Colors
100 Random Colors is a tool that provides inspiration through the beauty of randomness. It also cranks up 100 random colors for your enjoyment.
HTML, XHTML & CSS
#1
BestWebGallery.com
BestWebGallery.com BestWebGallery.com
Best Web Gallery is a showcase gallery that features all the best design Flash and CSS websites on the web.
#2
CSS Liquid
CSS Liquid CSS Liquid
is the only site dedicated to fluid and elastic design with CSS.
#3
W3 Schools
W3 Schools W3 Schools
THE resource for Webdevelopers. full reference and tutorials on HTML, xHTML CSS2, CSS3, XML, JavaScipt, XML, PHP and much more. If you haven't seen this website before, you are doing something wrong :)
#4
Design Snack
Design Snack Design Snack
Design Snack is a CSS/XHTML and Flash web design gallery, inspiration tool and portfolio showcase.
#5
CSSheaven.com
CSSheaven.com CSSheaven.com
CSS Heaven is all about Fresh and innovative CSS / XHTML web designs submitted by web designers from around the world.
At CSS heaven we have one objective to provide you with a central resource to view a wide range of eye catching and innovative web designs plus inspire you to create new and exciting web designs.
#6
CSS Remix
CSS Remix CSS Remix
Source for web-design inspiration and trends. CSS Gallery
#7
W3 (x)HTML Validator
W3 (x)HTML Validator W3 (x)HTML Validator
This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc. If you wish to validate specific content such as RSS/Atom feeds or CSS stylesheets, MobileOK content, or to find broken links, there are other validators and tools available.
#8
StyleBoost
StyleBoost StyleBoost
Styleboost is a gallery for showcasing beautiful web sites.
#9
Unmatched Style
Unmatched Style Unmatched Style
Web Design Inspiration, CSS Gallery and Video Review Podcast - Unmatchedstyle.com.
#10
W3 CSS Validator
W3 CSS Validator W3 CSS Validator
Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets
PHP
#1
PHP.net
PHP.net PHP.net
PHP is a widely-used general-purpose scripting language that is especially suited for Web development and can be embedded into HTML. If you are new to PHP and want to get some idea of how it works, try the introductory tutorial.
#2
PHP Forum
PHP Forum PHP Forum
Web Forum site dedicated to PHP and its uses.
#3
PHP Freaks
PHP Freaks PHP Freaks
PHP Freaks is a website dedicated to learning and teaching PHP.
#4
Phalanger
Phalanger Phalanger
PHP Language Compiler for the .NET Framework
#5
CodeWalkers
CodeWalkers CodeWalkers
PHP forums.
#6
Developer Fusion
Developer Fusion Developer Fusion
Developer Community, Resource and Tutorials.
#7
W3 PHP Tutorial
W3 PHP Tutorial W3 PHP Tutorial
Free PHP Tutorial by W3
#8
Hardened PHP
Hardened PHP Hardened PHP
This project has the goal to help you with securing your applications and webpages.
#9
PHP Builder
PHP Builder PHP Builder
PHPBuilder.com, the resource for PHP tutorials, templates, PHP manuals, content management systems, scripts, classes and more for the PHP developer.
#10
PHP FAQ
PHP FAQ PHP FAQ
Frequently asked questions for php webscripting languages. Focused on the new programmer
SEO
#1
136 Free SEO Tools
136 Free SEO Tools 136 Free SEO Tools
Best Free SEO Tool page on the internet! These free SEO Tools will help you to optimize your website and move your search engine position higher.
#2
Pagerank Search
Pagerank Search Pagerank Search
A Google META search engine featuring PageRank display and additional features. Streamline the link building process with this popular tool.
#3
How To Find A Domain name
How To Find A Domain name How To Find A Domain name
Good domain names are out there, but they can be hard to find. Here are some tools to help you in your search.
#4
Keyword Density Tool
Keyword Density Tool Keyword Density Tool
Enter the URL of your choice to find the keyword density of all the phrases that occur on that specific page.
#5
About Search Engines
About Search Engines About Search Engines
What they Are, How They Work, and Practical Suggestions for Getting the Most Out of Them
#6
Great Site Ranking in Google
Great Site Ranking in Google Great Site Ranking in Google
Great Site Ranking in Google The Secret's Out
#7
Keyword Competition Checker
Keyword Competition Checker Keyword Competition Checker
"Find exactly which competitors are there for your niche keywords" and... Gain better search engine placement by targeting the technical aspects.
#8
Free Submission Directories
Free Submission Directories Free Submission Directories
Here are the top ranking directories that allow free web site submission. By directory, it means the listings are categorised and edited by people, not automated scripts.
#9
Webmaster Toolkit
Webmaster Toolkit Webmaster Toolkit
Webmaster Tookit offers a suite of free webmaster tools and resources
#10
Click Survey & Heatmap
Click Survey & Heatmap Click Survey & Heatmap
You may have seen this recent click survey featured on the front page of Digg.com - over 40,000 people participated and were invited to click on 8 different images - wherever they felt inclined to. We take a look at some of the results, and see what this means for web designers and usability analysts.
Stockphoto's - Paid
#1
PhotoXpress
PhotoXpress PhotoXpress
Download high-resolution, royalty-free photos and images for as low as $9.99 per month. Click for more.
#2
Istockphoto
Istockphoto Istockphoto
is the internet's original member-generated image and design community. Get easy, affordable inspiration with millions of safe, royalty-free photographs, vector illustrations, video footage, audio tracks and Flash files. Buy stock or sell stock — or both.
#3
Dreamstime
Dreamstime Dreamstime
Stock photography community providing high quality stock photos and stock images. Free photos added weekly.
#4
Shutterstock
Shutterstock Shutterstock
is the largest subscription-based stock photo agency in the world. Every day we add thousands of photographs, illustrations, and vectors to our outstanding collection of premium, royalty-free images.
#5
Fotolia
Fotolia Fotolia
Buy and sell royalty free stock photos on Fotolia.co.uk. Affordable Royalty free stock photos, cheap stock images and stock pictures
#6
123 RF
123 RF 123 RF
royalty free, stock photo, stock photography, stock images, pictures, photographs
#7
Photocase
Photocase Photocase
Photocase is the website for creative, royalty free stock photography.
#8
Can Stockphoto
Can Stockphoto Can Stockphoto
offer professional royalty free stock photography at prices you can afford. Our high-quality images start at just $1.00
#9
Ingimage
Ingimage Ingimage
Unlimited professional royalty free photos and EPS vectors (including super high up to 55 MB photography) for one low fee.
#10
Cutcaster
Cutcaster Cutcaster
At Cutcaster, Buyers can search for royalty free images, stock photos or stock illustrations
Stockphotos - Free
#1
RGBstock
RGBstock RGBstock
has a wide range of free high quality stock photos.
#2
EveryStockPhoto Search
EveryStockPhoto Search EveryStockPhoto Search
is a search engine for free photos. These come from many sources and are license-specific. You can view a photo's license by clicking on the license icon, below and left of photos. Membership is free, without advertising, and allows you to rate, tag, collect and comment on photos.
#3
Dreamstime Free Photos
Dreamstime Free Photos Dreamstime Free Photos
If you are a designer, here you can download high resolution RF stock images for free. If you are a photographer, the heavy traffic of this section offers you the opportunity to achieve great portfolio exposure by offering free images.
#4
MorgueFile
MorgueFile MorgueFile
Free images for your inspiration, reference and use in your creative work, be it commercial or not!
#5
SXC.hu
SXC.hu SXC.hu
stock photography community - browse our huge gallery for high quality stock photos or share yours with others.
#6
Photl.com
Photl.com Photl.com
The unique feature of all photo images is that they are not widely circulated and are contained only in photl.com base. You won't find them in other stock photo agencies.
#7
Whoopy
Whoopy Whoopy
Woophy is a free online photo database of the world. Browse photos per location
#8
Pixel Perfect Free Stock
Pixel Perfect Free Stock Pixel Perfect Free Stock
Free high resolution photographs, textures, and 3D graphics. Latest photography news and resources related to photography and design.
#9
PhotoVaco
PhotoVaco PhotoVaco
provides free stock photos with high resolution for both personal and commercial projects.
#10
Free Photo Bank
Free Photo Bank Free Photo Bank
FreePhotoBank is a free stock photo site. Feel free to download pictures (Creative Commons licence)
Tutorials
#1
Tutvid.com
Tutvid.com Tutvid.com
Free Adobe Photoshop, Flash, Dreamweaver, Illustrator, Fireworks, Bridge, and Golive Video Tutorials
#2
How To Build Websites
How To Build Websites How To Build Websites
is designed for total beginners ... and for people who use programs like Dreamweaver, FrontPage, and other wysiwyg programs (wysiwyg stands for: "What You See Is What You Get") ... and now want to learn what's going on 'behind the scenes'.
#3
Web Design Tutorials
Web Design Tutorials Web Design Tutorials
Web Design Tutorials offers great variety of Web Design Tutorials
#4
Tutorialism
Tutorialism Tutorialism
is a website that allows its users to share their tutorials and vote for the Adobe Photoshop, Macromedia Flash or other programming language tutorials they like best.
#5
Photoshop Tutorials.ws
Photoshop Tutorials.ws Photoshop Tutorials.ws
Collection of photoshop tutorials
#6
Smart Webby
Smart Webby Smart Webby
collection of tutorials, tips, articles and resources on effective web site design.
#7
W3 Schools Tutorials
W3 Schools Tutorials W3 Schools Tutorials
"With HTML you can create your own Web site. This tutorial teaches you everything about HTML. HTML is easy to learn - You will enjoy it."
#8
Design Meme
Design Meme Design Meme
Step-by-step tutorials for working with Cascading Style Sheets, JavaScript and XHTML to help you learn web design and how to build a website.
#9
Entheosweb
Entheosweb Entheosweb
Large collection of web design tutorials in several categories.
#10
Tutorialized
Tutorialized Tutorialized
Website design tutorials by tutorialized