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

Adobe Illustrator can be a little tricky to get your head around, particularly after getting used to the workflow of such applications as Photoshop. In this post we present a collection of excellent Adobe Illustrator tutorials for beginners and advanced designers. Click through to see the list.

Many websites today feature a small news ticker that provides text links to pages with recent news or other features. It’s a great way to highlight important links without using much space. In this tutorial, I’ll show you how to easily build one of these news tickers using jQuery. We’ll start with a HTML list of links, then use jQuery to make them automatically cycle, fading in and out. When the user hovers over a link, the ticker will pause so they can click the link to learn more.

Vector characters can establish a memorable image of your site in the reader’s mind. In this roundup, we have compiled a list of 25 character design tutorials which will show you how to create beautiful and mind-blowing character designs.They contain a mixture of Photoshop and Illustrator tutorials and will be helpful for beginners to advanced users. Many of the tutorials will take you step by step on the design process from sketching to the coloring processing, shapes processing and contains many cool tricks which might come in handy during your next project.

This is a tutorial for what is the most complicated jQuery program I have written to date. It is a beautiful script with a simple output that has many potential uses. Undoubtedly, it caused me more stress than it should have, as I debated the most efficient method of displaying a cropped image. Should I use background position or image clipping, scaling or thumbnailing? Which of the many options between methods and styles are cross-browser compatible? After days of debate and testing, I found the perfect combination for a code that supports all high-request browsers (including Internet Explorer 6).

The graphical news slider: something used so often in so many places for so many different purposes. I had made one ages ago as one of my first jQuery projects. I figured I could write a tutorial to share that code with WebDesignFan’s readers, but was taken aback when I reviewed the code I had made so long ago. It was not bad formatting or compatibility or any such thing, as I would never allow such problems to be a part of my programs. However, it wasn’t very extensible as I feel all public code should be. It was merely designed to support the features I needed at the time. Having spent the last few days revising the code, namely to allow custom image dimensions, I am happy to share with you the revised code.

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.

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. [...]

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!

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.

PHP can be a beautiful thing and that is definitely the case with these awesome tutorials. In this roundup, you will find 30 of the best PHP tutorials on the web today. Find one you like, learn something, and start making cool stuff. Enjoy!