Web Design Tutorials Made Easy


Where the hell are the new tutorials? |

In case you have not noticed - there have not been any new tutorials since April 9th. What has been going on? So if you’ve been asking yourself that very question then read on. And if you are one of the few who hasn’t been asking that question you might want to read on to see whats coming for Focused Tutorials. Read the rest of this entry »


Just a Touch of Color - Method 3 |

tut-thumb.jpgThis is another method to produce the same effect as these two earlier tutorials. This is my preferred method as it leaves the image untouched, you don’t have to duplicate the image layer, and you can very easily edit which part of the image is ‘highlighted’ later on, if you change your mind.

Let’s get started.

Read the rest of this entry »


Just a Touch of Color - Method 2 |

thumbnailAs promised in an earlier tutorial, here is the second method for highlighting or silouetting a little color from a full color photograph. This is a better method in my opinion for two reasons. First it leaves the original photo untouched (which is a prefered method by professionals). Secondly, it can allow you to further manipulate the photo later.

Let’s get started.
Read the rest of this entry »


Basic PHP Login Part 1 |

Every site nowadays seems to have some kind of admin section, some kind of login system. There’s always more features and benefits for those registered with a site than for mere guests. So how do you go about creating one of these systems? A secure, adaptable system that’s simple to use is easier than you may have thought…
Read the rest of this entry »


Sync activeCollab milestones with your Google Calendar |

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 »


Just a Touch of Color - Method 1 |

thumbnailThis 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 »


Preloading Images with CSS |

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 »


Copy a CD on your Mac OS X |

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 »


Proper Page Titles for Usability |

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 »


Ad / image Rotation using array |

In many sites, there is the need for some form of ad rotation…

Serving dynamic content to visitors is great for keeping your site fresh, and this example can be applied to any purpose. Using only “arrays”, it cuts out the need for a database.

So let’s get going.

Read the rest of this entry »


Navigation
Categories
Archives