Tutorials

25 jQuery Tutorials for Creating and Working with Forms

A few weeks ago we published a collection of jQuery plugins for working with forms. While those plugins can be very useful, there may be times where you would rather learn how to code the solution yourself rather than simply using a plugin. There are a number of quality tutorials available for working with jQuery and forms, and in this post we will feature 25 of them.

jQuery Form Tutorials:

Creating a Slide-in jQuery Contact Form 3.jpg

Creating a Slide-in jQuery Contact Form

Read more
Tutorials

How to Design a Blue Marketing Company Layout in Photoshop

Today we’ll be going through the process of designing a website for a fictitious marketing company, step-by-step. The design uses a blue color scheme and is intended to put the emphasis on services offered and what the company can do for its clients. Our friends at SnobbySlice are in the process of coding this design into a template that will be distributed for free in the near future.

What We Will Be Designing:

Here is a look at the end result (click the image to see in full size)

Photoshop Layout Tutorial

Read more
Tutorials

Illustrating a Business Briefcase in Windows 7 Style

The new O.S. Windows 7 has improved aesthetics to make the user interface at least more appealing. There are huge ultra detailed icons for folders, devices and so on. This time we will use Illustrator CS4 to create a nice briefcase with the Windows 7 style. You need only a few basics on how to copy, paste, rotate, scale and color the shapes. Let’s focus on business.

Illustrating a Business Briefcase in Windows 7 Style

Step 1:

Start selecting the Rounded Rectangle Tool (fig. A) and make a single left click on the art board to bring the Rounded Rectangle options configuration window appear. Use 16 px. for corner radius (fig. B) and press Accept. Then left click and drag to draw a shape as shown.

Illustrating a Business Briefcase in Windows 7 Style

Read more