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.
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.
In the previous part of this tutorial, we conceptualized our website, which is a travel blog, by deciding on a color scheme and structure and by brainstorming some ideas. Now it’s time for the fun part, designing! Open up Photoshop and let’s start. (more…)
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…)
I saw an interesting article on CSS 3 over at NETTUTS. It showed some of the different features that CSS 3 has. I hadn’t actually ever really looked into CSS 3, but from what I saw it looks really impressive. It looks like it has a lot of really nice features that would make a developer’s job 100x easier, five of which were discussed in the article. (more…)