Ideas and Experiments

Here are some of my different ideas and experiments in front-end web development. I do my best to make them as cross-browser compatible as possible but sometimes you have to push some boundaries. These are done using jsFiddle so a quick look there is not out of the question but the pages linked below give a break down of how each works.

Bear with me, I'm starting over with my site here.

Image Based Button with Hover States using CSS This is the basic image-based CSS-only button with hover states. This is an easy way to have this common button display without using Javascript. Clearing Placehold Text in Inputs on Focus A common thing for websites to have is placeholder text inside of text input fields to indicate what kind of information is expected to be entered. Here's how the placeholder text can be cleared when the input gets focus as well as restoring that text if nothing is entered into the field.