Kayla gave us a great primer on user-centric design in her article, “The Art of User-Centric Web Design.” Design, however, isn’t the only thing that should centered around the user. The entire web experience should be user-centric, so let’s take a look at how you can use Javascript to support your user-centric goals.

» Continue Reading

Tabbed widget boxes have become a popular way to display useful information while conserving valuable screen real estate. Here you’ll learn how to use jQuery and some CSS to create an attractive tabbed widget that gracefully degrades into separate boxes. Come check it out!

New to jQuery? Check out the jQuery tutorials in Webitect’s tutorial channel.

» Continue Reading

This tutorial covers the noteboard: the page where the client and admin will be able to post messages back and forth, in an area that is organized for effective communication. Time to throw away those disorganized email messages!

» Continue Reading

Since Part 3, we’ve gotten through all the membership stuff — basically something you could find on any PHP/MySQL tutorial. Now, though, we will finally get into the part of this tutorial that makes it a “client area.” In this tutorial, we’ll cover the “shared documents” section of the client area.

Sharing documents back and forth between clients can be a real hassle via email, and other online tools to handle this can get expensive. Having your own client area manage documents is a great way to combat both issues.

» Continue Reading

This tutorial finally gets into the inside area for the client’s area. We’ll create the login form, discuss sessions in PHP, create a profile page and area for the client, and finally, create a logout script.

» Continue Reading

When dealing with PHP a lot of times you start repeating code over and over. OOP or Object Oriented PHP can solve a lot of the hassle. It allows you to make classes that you can use numerous times without modifying the code. In this tutorial we will go over the basics of working with Object Oriented PHP.

» Continue Reading

Continuing from Part 1, this tutorial will go over some security issues for our sign up form. When dealing with databases, it is important to make sure the client’s information is secure. The tutorial will also go over some ways to make sure the user enters in correct data. » Continue Reading

Today’s tutorial is the beginning of a series where we’re going to use PHP and MySQL to set up a client’s area on a personal portfolio. The client will be able to sign up/log in, view their current project, send notes to the designer, upload documents, view invoices, and more.

A client’s area is something that is not that common in portfolios, but is usually a great addition to any portfolio nonetheless. If you’re tired of using 10 different tools across the web to control your clients, here is a solution that will put it all in one place. » Continue Reading