Web Design

This page is a compilation of code samples mostly for aesthetic purposes and fun. I recently have been experimenting with svg images, and the xml code that drives them. Svg images can be very powerful as they offer up so many more options than regular raster image formats. Most of these code demo's use HTML, SVG, CSS, JAVASCRIPT, D3JS, and some JQUERY. Not all of these samples are currently adapted for mobile.

A variation of a "block" designed by Mike Bostock. Added a few gradients and removed some lines.

One of many samples yet to come using the Greensock animation library, and SVG image files for scalability.

Sample using the Greensock animation library, and animated gifs. This sample uses a flexible layout grid.

"Come on I Wanna Jam" is built using animated gradients and pattern fills to create a colorful background inside animated text.

Experiment created using D3js and JQERY

Snazzy Animated Tooltips

A SVG animation using text attached to an animated path.

This tiled pattern uses svg animated gradients and borders.

Experimenting with Animated SVG clip paths over a scrolling background.

Early Svg test using animated borders and CSS3 animations. Derived from a tutorial over Here