In two recent posts I used a simple JavaScript function to replace the placeholder attribute of an input element with a value attribute. Since I’ve used it twice now I decided to make it into a simple jQuery plugin and wanted to give it to everyone else as well. The best part is you can [...]
Prototype in CSS
Over the last three years I have slowly been learning JavaScript and one of my favorite and still somewhat most confusing ideas go grasp is JavaScript’s use of Prototyping with Objects. I get the basics that a prototype is a copy of the original object with all it’s properties, but I haven’t been able to [...]
Apple Navigation with CSS3
Apple is known for very clean design and if you have been to their website in the last few years you’ve seen their primary navigation. It’s a staple of the apple website and today I wanted to take a crack at recreating the Apple navigation using CSS3 techniques. The Markup <ul id=”nav”> <li><a href=”#” class=”apple”><span>Apple</span></a></li> [...]
Grooveshark Search with CSS3
I am a huge fan of the Grooveshark interface. Every time I look at the site I start to dissect the UI and turn it into code in my head. I wanted to see if I could create the search box only using HTML and CSS. Sadly there is one image and it’s the search [...]
Z-index Blocking
What it is If you have worked with absolutely positioned elements then you should be familiar with z-index. Z-index is a CSS property that allows you to stack elements much like layers in Photoshop. This can quickly get confusing if you have no structural base to work from. Deciding what elements supersede other elements and how your [...]