Web Design Blog | Web Design Fan | Resources for Web Designers and Graphic Designers

If you subscribe to my design philosophy, then you’re very careful to create web sites that are friendly to people with disabilities of all kinds. As creators of content that is largely visual, we need to be particularly cognizant of the needs of our visually impaired friends. This means sticking to a few basic rules that will make it much easier for the user of a screen-reader to use the site.

In this article, we will be discussing using label tags for input elements.

In this tutorial we will create a portfolio web layout using Adobe Photoshop. I will show you how to create patterns and textures for your web designs and how to use the 960 Grid System to help you align the elements of your web layouts. I will also provide the patterns that I used in the resources section below so you can install and use them straight away.

Every artist, designer or photographer should have a digital portfolio. Today I would like to show you how to design an elegant and clean photography portfolio website in Photoshop.

You will see how to implement a photo into full design layout, how to play with typography to achieve clean and elegant look. Hope you will find this tutorial useful!

More and more mobile apps being created everyday. If you want to make more sales and attract more clients you need an appealing and professional looking website for your app. Today I would like to show you how to create a clean mobile app website in Photoshop.

You will see how to create a detailed background, trendy call to action buttons and how to stylize web typography. Hope you will find this tutorial useful and you will learn something new. Please share your opinion about this tutorial in comments section below.

While a lot of people fail to control Pen Tool using Adobe Photoshop Application, I felt it was necessary for me to create this tutorial to show all of those who are troubling with this issue how to control and draw with this specific tool. We will practice and navigate specific techniques that will lead us to a beautiful sketch. [...]

In this tutorial you will learn how to create a simple under construction page design in Photoshop. We will be using simple techniques to create a clean under construction page from scratch. You will see how to create a simple background and how to use blending options to stylize typography. Hope you will find this tutorial useful and you’ll learn [...]

No one knows what’s really happening under the sea. Are we supposed to fear something? Have ever take a look what’s under the sea? Let’s create something together using Photoshop application, manipulation and victor style. I will also teach you some of the techniques in this tutorial on how to control pen tool and create shapes. I will also teach you how to use filter smart to merge layers as well and return to edit some layers. Grab your coffee, sit tight and let’s get started!

In this tutorial I will be showing you how to design a detailed mail icon. Using a numer of simple Photoshop techniques it should take you no longer than 15-20 minutes to create this beautiful icon.

In this tutorial you will learn how to create a minimal resume website design in Photoshop. We will be using simple techniques to achieve clean and professional final result. You will discover how to create simple detailed background, trendy 3D elements also you will see how to effectively stylize web typography.

Photoshop is one of the most popular tools among web and graphic designers all around the world. Everyday lots of tutorials being created, but which blogs and websites provide the best tutorials?

In this collection I’ve included the best Photoshop tutorial blogs and websites worth reading. Hopefully, you will like this roundup and find something new and useful for you. Web Design Fan isn’t included here but you can find some really great Photoshop tutorials in our Tutorials category.