Stollet
A user-centered design inspiration blog that features real-time updating of images, songs, code snippets and attachments.
A custom MVC framework was written for all the backend logic of the site, including a caching system and an oEmbed wrapper.
CSS3, Javascript and AJAX are prominent on the front-end, with XHR routed through the beautiful Object Oriented MooTools AJAX wrapper.
read more |
check it out!
There is no shortage of ace design blogs these days, which is a good thing. The sad part, though, is that one almighty being generally curates them. Stollet acts against the “Man Behind the Curtain“ by putting the publishing power in the hands of it’s users.
Stollet (pronounced stole-it, or however you would like) is built on the LAMP stack with Mootools as the Javascript framework of choice. A caching system similar to Wordpress’ SuperCache is implemented to minimize second-level database reads and decrease page load time. For what it is worth, Stollet scores an 84 in YSlow (rule set V2) and a 93 in Google’s Pagespeed. Did I tell you I am addicted to speed? Okay, I am done geeking out.
Bailey Gardiner
My role as the lead web developer at this San Diego advertising agency gave me the opportunity to create wireframes,
sitemaps and full websites one day while being knee-deep in social media campaigns the next. Clients included the
San Diego Museum of Art, Brookfield Homes and TVG online horse betting, among many others.
read more |
check it out!
While at Bailey Gardiner, I was fortunate to work with some of the brightest minds in the San Diego advertising scene. Merging ideas with feedback from project managers and account executives allowed us create unique and innovative solutions that always exceeded client's expectations.
Art by Locals
Art by Locals is a free online gallery where artists can show off their work.
The site relies heavily on its search functionality, which is similar to Yelp's "find X in Y."
These database intensive operations (such as large MATCH() AGAINST() queries) are cached in a memcached fashion to allow
for extra fast delivery. The use of jQuery on the front-end allows for enhanced experience and interaction.
read more |
check it out!
Another mechanism that Art by Locals uses for speed and efficiency is handling session data in cookies rather than in server variables or a database. This technique minimizes database reads and allows for awesome round-robin load balancing. Alright, I am done geeking out.
Freelance Development
Even in my free time, I still love to code. Scary, huh? Freelancing over the past four years has given me the opportunity to work with a number of awesome people and clients, including San Diego radio icons, Jeff and Jer, the Wounded Warrior Foundation, Placecol skin care and many others of various shapes and sizes. Projects include everything from building CMSes to Wordpress blogs to custom Javascript widget development.
Webtape
Laid down in complaint XHTML and CSS, the user-facing end of Webtape allows for easy navigation through pages.
Integration with the JS Client Library allows Facebook users to comment directly on Webtape posts.
Content is pulled from links to display Flickr photos, YouTube videos and Digg buttons inline on the site. Relationships between users are solidified using the
XFN microformat.
read more |
check it out!
I am terribly afraid that people do not remember their lives. Webtape fights that by acting as a personal "this day in history." Users are asked to have a post (photo,blog,link or video) per day so they can look back on their lives and know what great little things happened each and every day. Webtape has a small and dedicated user base, which I would not trade for the world. The niche market of Webtape allows for close interaction with users to solve feature requests and other issues.
Mono No Aware
A Flash application written in ActionScript 3, which acts as a search engine that crawls the Internet for sentences
that exude a specific feeling via the We Feel Fine API. Users can search for one of 5,637 feelings and then browse
through the results in a beautifully animated interface. If a user feels connected to a certain feeling,
they have the ability to Tweet the feeling via the Twitter PHP API.
check it out!
Mootube
Mootube is a class based plug-in for the MooTools framework that allows for easy embedding of YouTube videos.
To embed videos with this plug-in, all a user has to do is write a link to YouTube video with the "rel" attribute
set to "mootube." Mootube will then automatically embed with video, with its YouTube details via an XHR request
to an offsite oEmbed provider.
check out a demo! |
download the code!
YUI Modal Window
A cross-browser (including IE6) modal window class built atop Yahoo’s YUI Javascript library that displays external content.
What makes this Lightbox different from others is the highly extensible options, such as show_onload and show_until,
which takes an expiration date. The modal window is slickly styled with CSS3 and has a light-weight footprint of only
8k when minified.
check out a demo! |
download the code!
Good Taste - Queued Recipe Uploader
This is a demo of step-by-step recipe uploading process that was made posible with the Prototype and Scriptaculous
framework combination. Requests are secured with a custom token authentication system
and then sent to an MVC PHP backend for processing.
read more |
check it out!
Good Taste gives users the chance to share their recipes and compose weekly menus. The awesome thing about it is that it will compare what food you currently have to the ingredients needed for your menu. Everything you don't have is thrown into a grocery list for you to take Registered users have the ability to upload recipes and compose weekly menus from recipes already added. Grocery lists are auto-collated by comparing your menu vs. your pantry. The Scriptaculous engine gives the site added flare and enhanced usability with autocompleted forms and real-time confirmation of actions.
