Web Design Tutorials Made Easy

ActiveCollab is a great web based, open source collaboration and project management tool with some stellar features. One of these features is the ability to export your milestones as an iCal file. Syncing this automatically to Google has been hard to do, until now!

There are three ways to make it happen. The first will allow you to sync your active milestones (by project) to a Google Calendar. The second will allow you to sync all of your milestones (regardless of project) to a Google Calendar. The third is a core “hack” which will allow you to sync all active milestones to a Google Calendar.
Read the rest of this entry »

This is likely one of the most popular Photo effects you’ll see in the commercial market. This effect is used on websites, in advertising, and most commonly by wedding photographers. I am going to walk you through how to turn a full color photograph into a black and white one with a touch of color “spotlighting” something in the photo.

Feel free to download the images I am using for this tutorial or grab one of our own.

Read the rest of this entry »

Although most people know that you can pre-load images using Javascript, I thought I’d add my own method; Pre-loading images with CSS.

You can do it in 2 easy steps.

Read the rest of this entry »

As a new Mac user I wanted to copy a CD and I thought it would be easy. After trying everything I knew (which at this point wasn’t much) I couldn’t figure out how to do it. With all of my Mac friends away from their Instant Messenger or not signed on, I started the task of searching on how to do it. Many sites claim to have a “how to,” but they were not much help and were way outdated. So I found one that was fairly good and explaining how to burn a CD with the OS X operating system. I decided immediately that I wanted to take some screenshots and post a tutorial on how to do it, so others didn’t have to search as long as I did.

Let’s get started!

Read the rest of this entry »

Page titles are probably the most overlooked aspect of writing any website. They are important not just for SEO reason, but also for usability. Most websites I have noticed tend to put the company/website name first and then the page title (unfortunately, even this site - which I will be changing ASAP updated). While this formatting (see below) looks good in the browser it propagates poorly to the page history section.

FocusedTutorials.com > Blog Archive > {Page Title}

Read the rest of this entry »