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.

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!

Often times we only learn the CSS strategies we need to as we go through new projects. However, we should study new strategies in our spare time as well. This way, we can discover new and more efficient methods of getting things done for the future.

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.

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.

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.

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.

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.