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

In this tutorial we will create a Samsung Galaxy S with some simple techniques in Photoshop. We will be using the Rounded Rectangle Tool, the Pen Tool, shape mode and some effect in Blending Options. So, you should know the basics of them. Continue reading for this incredibly in-depth tutorial.

Earlier this year, the full force of post-it note art broke with some of the most amazing visualizations ranging from Super Mario and Kirby to Elvis Presley and Ray Charles. However, where do you start if you want to get involved yourself? If you’ve got a design package like Adobe Photoshop with a grid function, the whole process is actually quite straightforward to design, leaving you with a simple, but time consuming, job of just following your design when you start sticking post-it notes to the wall.

Gone are the days when we have to write code, manually from scratch, to create a Website in an editor, mostly it was Notepad. Nowadays, we are using tools like Adobe Dreamweaver, Zend Studio, Microsoft Visual Studio Express and existing code libraries to simplify our work and get it done with fewer efforts in less time.

Today, we will discuss about one such code library named jQuery. It is an open source, is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. In this write up, we will show how you can create a Datepicker using this jQuery library.

You can download the source files used in the end of the article.

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.

Today I would like to show you how to create a clean and detailed login form design in Photoshop. In few simple steps you will see how to use blending options, layer styles, how to stylize type for the web and more.

Hope you will find this tutorial useful and you will learn something new. Please share your opinion about this tutorial in comments section below.

Today, Doug Feder will be guiding you through the steps to integrate jQuery with PHP while using a MySQL database to count clicks on links. This tutorial will help beginning coders see how to get started using MySQL with PHP and see cool jQuery tricks to improve the look and functionality of designs. We also have a live demo and source files for download below so that you can work along with the video.

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).

Typography is an immensely important factor in design, be it for the web or print. You can give a design a completely different personality just by changing the font of your body copy or headlines, for example. In today’s post, I will go over the basics of typography and explain some fundamental concepts and terms.

A theme framework is a set of building blocks that make theme development easier and dramatically speeds up development time by providing the core structure (or framework) needed by a theme. Frameworks typically provide all necessary layouts, template files, functions, and more, leaving little but the styling to the developer (or designer).