360 Visualizer Revisited

I love it when a developer takes some of your code and improves it in ways you cannot imagine. The original 360 Visualizer was just an attempt to recreate some functionality that is often seen in Flash, but rarely in DHTML (I know it is fashionable to call everything AJAX these days, but really these Web 2.0 visual effects are DHTML, not AJAX. But I digress). J5, an extremely talented developer took off on the Visualizer. He integrated a mouse-drag interface and implemented a config file for the Visualizer (the old one just looped through a folder of images, quick and easy, but not very customizable).

more…

CSS Classes

This is a collection of CSS classes that I have found myself using repeatedly over the years, some more than others. A lot of them mimic basic CSS properties, but I’ve found that using them as class names provide better hooks for scripting.

more…

Reset CSS

This reset CSS normalizes elements across most modern browsers. It is a good starting point, along with valid (X)HTML, for eliminating those pesky cross-browser style issues. This file has been evolving over the past several years as I modified and optimized it during my work as a web developer.

more…

Better IE PNG fix

The PNG behavior fix for Internet Explorer 5.5-6 has been around for some time. There are other pure JavaScript solutions to enable alpha-transparent PNGs in our favorite web browser, but I prefer the behavior approach, because I don’t have to clutter my JS code with browser specific hacks. This solution is only for <img> elements with a PNG as the source (alpha-transparent background images are another story, where the use of JavaScript is better suited)

more…

360 Visualizer

This is just a demo of a DHTML visualizer often seen on auto sites (I had done some [a lot] work on the Nissan GT-R Global Site which has a flash 360 visualizer). There have been many of these done in Flash, I just wanted to see if it was possible using the same assets and JavaScript.

more…

Project Atomic Theme

Please excuse the mess. Currently integrating the Project Atomic Wordpress theme. In an effort to leverage Wordpress as a CMS, Project Atomic has developed an all-new Wordpress theme to support this undertaking. For the most part, things are moving smoothly, but there may be some irregularities in the site until all bugs have been addressed.

jQuery Litebox

jQuery Litebox is a JavaScript image viewer written on top of the jQuery library. It’s function is to show multiple image galleries in a hybrid modal (lightbox) window. It degrades gracefully and does not require extraneous HTML markup. jQuery Litebox looks like AJAX, but requires no server-side code.

more…

Silk 2-State Icons

"Silk 2-State" is an icon set derived from the ubiquitous Silk icon set, containing 1000 icons in PNG format. Each icon has two states, normal and dimmed, which can be called using CSS or JavaScript.

more…

FAQ Accordion

The FAQ Accordion project started as a demonstration identifying some of the advantages of using jQuery over JavaScript DOM manipulation. Both the plain JavaScript and the jQuery plug-in versions of FAQ Accordion operate in the same manner. No extra markup or stylesheets are required for either to work. The plain JavaScript version can be used on simple sites that do not utilize the jQuery library

more…

jQuery Flickr

jQuery Flickr plug-in is a JavaScript interface for Flickr Services API written on top of the jQuery library. It’s function is to process a Flickr API Standard Photo List returned in JSON and create a semantic gallery (unordered list) of thumbnail images (list items) with links to full size images. When combined with jQuery Litebox, a rich slide show, lightbox plug-in, jQuery Flickr provides a completely client-side solution, for integrating Flickr into your website, perfect for hosted blogs.

more…