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

We have teamed up with Zyma Technologies, the home of high quality and affordable web hosting, to give away 10 free web hosting accounts to our readers! Each account will be free for an entire year and comes with access to their excellent support team and all features a standard account receives.

Qualifying is easy and only takes seconds! Read more to enter.

Today we will be taking a look at some hot design topics from around the web and keep you up to speed with the WDF news and updates. After the madness of Christmas and New Year, we are playing catch up just like everyone else, so here is what has been going on over the past two weeks, all in one slightly longer than usual, handy roundup!

The web design world is growing very fast. A lot of new tutorials are created these days. If you want to stay updated this post will be really useful. In this roundup you will find only the newest and most professional web design tutorials from late 2010. All of them will be useful for you if you want to update your Photoshop skills and learn some new and trending techniques. Also doing these tutorials you will gain a lot of valuable experience. “Practice Makes Perfect,” as they say.

In this tutorial you will learn how to create a classy video player in Photoshop. Our video player looks quite simple but very clean and professional. For creating this we will use breath-taking winter landscape, some beautiful minimalistic icons and various blending options to achieve pixel perfect and attractive media player interface.

Hope you will find this tutorial useful and you’ll learn something new. Please share your thoughts about this tutorial and the final result in comments section below.

Call to action buttons are very important design elements for websites who offers products or services. The main purpose of call to action button is to attract visitor’s eye with important information that leads to the useful result (most popular buttons are “Sign Up Now”, “Download Now”, “Buy This Now” etc.) that requires user to take an action. Call to action button should be very attractive and grab a visitor’s attention very quickly. When designing effective call to action buttons you should consider choosing right color, location, size and free space around the button. Effective button must be outstanding and captivating to attract your potential clients.

Here you will see 30 well designed and effective call to action buttons examples and quick tutorial on how to create your own call to action button. Hope you will find this showcase useful and inspirational.

To end the year here at Web Design Fan, we wanted to rundown some of our favorite posts and resources from 2010 and share them with you all.

Though we do call this the ‘Best of 2010,’ we do admit there may be even better stuff out there that we completely missed!

That is why we are relying on you to help us out and post your favorite links of the year, too. 2010 has been a fantastic year for web design and development, and we think 2011 will be even better. We will certainly be sure to make Web Design Fan better! Without further adieu, here are our favorite links of the year, separated into easy-to-navigate categories.

Read on to see who we picked!

Productivity and time management are really important elements of our work as web designers and developers. Today I would like to share some useful productivity techniques that work for me. I will also be sharing some tips from other designers.

Most of the listed tips can be applied for any creative person. Hopefully, you will find these tips to be useful and they will help you to save time and get more done. Please also share your own productivity tips in our comments below. We’d love to hear them and I know our other readers will find them useful.

Welcome to the regular WebDesignFan weekly roundup. Hopefully you have all had a great Christmas and are feeling suitably refreshed and relaxed after the festive break. As usual, this week we will be taking a look at the latest design related news from around the web and also filling you in with the latest WDF plans and updates. Obviously this [...]

Today we bring you a late Christmas present in the form of our first free icon set – the WDF Designer Set! We’ve been waiting to start releasing great resources like this for a while and we are excited to make this our first offering. More are sure to come!

These beautiful icons come in 3 different sizes: 32×32, 64×64, and 128×128 pixels. We have provided both the .PNG and .AI files.

This collection is completely free for use in anything! Complement any of your projects with these attractive and professional icons.

Read more to download the set!

In today’s tutorial I would like to show you how to design a clean and solid fictional business layout. Following the steps in this tutorial you will learn how to use guides, how to create a detailed background using patterns and filters, how to create transparent buttons, 3D elements and how to stylize web typography.