The ‘Web Development’ Category
August 18th, 2008 |
Daniel MacDonald |
Filed under: Projects, Web Development
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…
July 23rd, 2008 |
Daniel MacDonald |
Filed under: Stylesheets
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…
July 21st, 2008 |
Daniel MacDonald |
Filed under: Stylesheets
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…
May 20th, 2008 |
Daniel MacDonald |
Filed under: Stylesheets
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…
May 15th, 2008 |
Daniel MacDonald |
Filed under: Web Development
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…
May 12th, 2008 |
Daniel MacDonald |
Filed under: Projects, Web Development
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…
April 15th, 2008 |
Daniel MacDonald |
Filed under: Projects, Web Development
"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…
April 7th, 2008 |
Daniel MacDonald |
Filed under: Projects, Web Development
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…
April 5th, 2008 |
Daniel MacDonald |
Filed under: Projects, Web Development
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…