testimonials

Creating Contact Forms With XHTML

August 13, 2009 at 12:02 am | CSS, PHP, Programming, Tutorials, Web Development, XHTML, XHTML/CSS Tutorials | 3 comments

Here’s another nice tutorial for beginners. In this one we’ll write the markup for a simple contact form that you could use on a website. Nothing too complicated or fancy, but we’ll talk about how we can add some nice effects to it easily using CSS. We’ll use PHP to have the form send an email when it’s filled out. I’ll also talk about what we can do for form validation.

(more…)

Hover Effect Using JavaScript

August 10, 2009 at 9:36 pm | JavaScript, JavaScript Tutorials, Programming, Tutorials | No comments

Here’s a pretty simple JavaScript tutorial. This script will allow us to change images on mouse over and mouse out, letting us create a nice hover effect. I’ve used this technique on several sites that I’ve designed. We’ll also take a look at how we can pre-load the images to reduce lag time in the hover. Here’s the end result. Let’s get started.

(more…)

10 Things Every Web Developer Needs

August 10, 2009 at 7:47 pm | Design, Web Development | No comments

There are a lot of tools that are vital to the development of a website. This list is intended to condense all of the many different things a web developer needs into just 10 resources. Think of this list as a web developer’s survival kit. These are the essential items in no particular order.

(more…)

Creating a Website (Part 3: The Markup)

August 7, 2009 at 1:48 am | CSS, Design 101, Tutorials, Web Development, XHTML | 1 comment

In the previous part of this series, we created a design for a travel blog in Photoshop. Now it’s time to turn that design into code. Open up your web development application (I’ll be using Dreamweaver) and open up the design in Photoshop and let’s begin (if you skipped the design segment and would like to download the PSD click here).

(more…)

Understanding OOP

May 25, 2009 at 12:06 am | OOP, Programming | No comments

Object-Oriented Programming, or OOP, is a programming method that utilizes the creation and implementation of object classes. Object classes can be customized and instantiated as many times as needed. For example, let’s say we are programming a system for a bank (albeit a very simple one). Well, a bank is going to consist of customers. Each customer is going to have his or her own bank account. With OOP, we can create a bank account class that will give each customer a unique account. When you create a class, its constuctor generally takes parameters. For instance, a bank account constructor might take an integer for an account number, a string for a name, and a double for a balance. (more…)

Using JavaScript’s Random Function

May 17, 2009 at 9:10 pm | JavaScript, Programming | No comments

In this post I’ll talk about using JavaScript’s Math.random() function in combination with arrays (or arraylists). Math.random is a very useful tool whenever you need to do something randomly (big surprise?). In fact, I recently used it for a random testimonial display system I coded for Clarion Media. Math.random() was perfect for this because it allowed us to display a random testimonial from a pool of testimonials on the Clarion Media website. So, how do we use the random function in conjunction with arrays? First we need to get an understanding of how Math.random() works. (more…)

CSS Hover Pseudo-Class

March 6, 2009 at 7:40 pm | CSS, Web Development | No comments

This is my first post in over a week, but I’ve been pretty busy lately. That being said, I haven’t had much time to work on the coding portion of the website tutorial.

CSS pseudo-classes are used to add effects to selectors. In this article we’ll discuss the “hover” pseudo-class and how I used it to achieve the hover effect on my home page. The most common use of :hover is for hyperlinks. When you move your mouse over a link and the text color changes, it has a :hover pseudo-class acting on it. Pseudo-classes work in this form:

(more…)

Quick Update

February 7, 2009 at 2:31 am | Meta | No comments

I haven’t posted in a while, mainly due to the fact that I’ve been pretty busy recently, particularly with some clients. Anyways, I just want to let you know that I have some tutorials lined up for Photoshop, XHTML/CSS, Java, JavaScript and maybe another 3ds Max one and also a brief overview of design principles. I’m not sure in what order I will do them in, but I thought I’d at least give a quick heads up on what’s on deck. Hopefully I’ll get a couple out this week.

Stay tuned!

Validating Form Input Using JavaScript

January 23, 2009 at 9:59 pm | JavaScript, JavaScript Tutorials, Programming, Tutorials | No comments

Here’s an easy tutorial with a very useful application. We’ll learn how to valide form input using JavaScript. This way, people will be required to fill certain fields when they use your form, and we’ll increase the chance of getting legitimate email addresses. This is a nice and quick walkthrough, so let’s jump in! (more…)