Ankiewicz.com features gradients, transitions, mixins, and other advanced features of Sass and CSS. I use Bootstrap for a responsive grid system.
Monsters.net features a gaggle of cute animations and YouTube videos. It uses CSS, Sass, WordPress, and Bootstrap.
This is my collection of handmade fonts. The PostScript Type 3 fonts are in plain text format which can be turned into a graphic via GhostScript (Windows/Linux) or Preview (Macintosh).
How to generate WebKit fonts
This article explains the process of generating a WebKit font which can be displayed on your web pages.
Rear sync flash photography
This is my explanation of how remote strobe photography works.
Making nicer URLs programmatically
This is my explanation of how to turn ugly, auto-generated URLs into pretty ones using the magic of Apache's mod_rewrite module.
Random language generator
Google's map API allows zooming, coordinates, tooltips, and other features. I set the viewable map area to the San Francisco Bay Area and assigned tooltips on some local landmarks. Drag any part of the map into view just as you would on maps.google.com.
Interactive art portfolio
The jQuery Isotope plugin allows for sorting, filtering, and masonry layouts.
Interactive monster sorter
Another demo of the jQuery Isotope plugin. Sort and filter these cartoons by color or other characteristic.
Cute monster maker
Pure CSS dropdown menu
This is a demo of a menu using only CSS selectors to create a horizontal drop-down menu four levels deep. It can go deeper; I recommend three levels or fewer for best user experience.
Horizontal dropdown menu
This is a slightly different demo of a horizontal drop-down menu. It can go deeper, but again I recommend three or fewer levels for best user experience.
This is an example of a mockup created in Balsamiq. Balsamiq is a rapid prototyping tool that allows user experience designers to communicate ideas fast without getting lost in the details.