Code
& Design


2012

MoodJam

MoodJam »

MoodJam allows users to color their moods and share them with friends and family. Users moods are visualized as color strips. The site serves as a mood diary for users to reflect on trends of their moods and on colors they associate with specific moods. The site also serves as an awareness tool for users to keep in touch with friends and family.


2010

jQuery Infinite Drag

jQuery Infinite Drag »

Infinite Drag is a jQuery plugin that helps you create an infinite wall interface. As you drag the wall in a viewport, previously occluded tiles are created. You can hook onto events to generate custom tiles.


Raphael Sketchpad

Raphael Sketchpad »

Raphael Sketchpad is a simple drawing editor that you can easily include with your forms. It is similar to Mai'Nada.net's InputDraw, but does not require Flash. It is built on top of the Raphael Javascript vector graphics library.


Be Like Ben

Be Like Ben »

Be like Benjamin Franklin! In his late 20s, Ben wrote about 13 virtues for good living. He strived to live by these virtues and tracked them everyday. Use this web site to track your virtues and be like Ben.


So You Need a Typeface 2.0

So You Need a Typeface 2.0 »

So You Need a Typeface 2.0 is an interactive way to choose fonts for your projects. It is based on the infographic poster designed by Julian Hansen. I recreated the poster into a dynamic web page using HTML, CSS, and jQuery (a JavaScript library).


Write for Ten

Write for Ten »

Write for Ten is a writing web site with one simple rule: write for 10 minutes about anything. Describe where you are. Ramble about your day. Imagine a scenario between two strangers. What you write doesn't have to be perfect nor complete. Just write it.


2009

PersonalInformatics.org

PersonalInformatics.org »

PersonalInformatics.org is a resource for people interested in personal informatics. The site has a list of tools, research information, and a blog. It is also home to the personal informatics workshop at the CHI conference.


Fortune Cookies Galore

Fortune Cookies Galore »

Fortune Cookies Galore! is a collection of thousands of fortune cookie quotes. Visit to get your daily dose of fortune cookies.


i see your tweets

i see your tweets »

i see your tweets gives you a new perspective at your tweets. It shows the characters in your tweets as colors and displays them in a square grid. I made this to play with jQuery, Date.js, and Mikage's History plugin.


Delicious Discovery

Delicious Discovery »

Your Delicious account is a rich repository of your bookmarks and tags, which reflect the topics that interest you. Delicious Discovery displays your Delicious bookmarks and tags by month. Discover how your interests change from month to month.


Grafitter

Grafitter »

Grafitter is a way collecting information about your self over time while sending updates with Twitter, using IM, saving bookmarks on Delicious, and writing a post on Blogger. Grafitter visualizes the information you record in graphs.


2008

Domain Clock

Domain Clock »

Domain Clock generates domain names of the current time. I created Domain Clock after browsing a web site made of four numbers (I don't remember the URL), and realizing that the numbers represent time with digits for hours and minutes.


Blueprinter

Blueprinter »

Blueprinter helps you generate Blueprint CSS 1.0 layouts. Thank you to the Blueprint CSS folks for creating an easy way to make CSS layouts. This is just an interface on top of their generator code.


 
© 2025 Ian Li. All rights reserved.