DesignM.ag

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

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)

Last week we published a tutorial for designing a basic corporate website layout in Photoshop, and in this tutorial we will walk through the process of coding that design in HTML and CSS. Here is a look at the design that we will be coding (click the image to see it in full-size).

Today we’re going to walk through the process of designing an example corporate website in Photoshop.

Here is a look at the end result of what we will be creating (click on the image to see it in full size).