Tutorial Demos

10 Shots • 7 Attachments

demo code and ui examples from the many tutorials I write. Check my work through Google to see a few more.

More Projects

Image Avatar Crop w/ jQuery avatar cropping freebie image interface jcrop jquery opensource photo plugin profile tutorial ui

Image Avatar Crop w/ jQuery

April 05, 2013

I started practicing with the Jcrop plugin and created this neat tutorial. It displays a preview image before cropping and handles the image generation using PHP. You can read the tutorial and download a copy of the source code from my p...

Dark Bootstrap Modal bootstrap css dark interface stylesheet theme tutorial twitter ui window

Dark Bootstrap Modal

April 05, 2013

A sample shot from my Bootstrap modal window tutorial. It only took about 1hr to create a new dark theme based off the original Bootstrap styles. You can check out the tutorial on Vandelay Design Blog and download the full source code as...

Instagram Ajax Instant Photo Search ajax api instagram jquery photos php programming search tutorial tuts webapp

Instagram Ajax Instant Photo Search

October 30, 2012

This is a live instant search app based on the Instagram API. I built this tutorial using jQuery/PHP and released my code as open source. You can see the article live on Hongkiat.com along with the source code and demo app. Edit: Direct...

Mobile Responsive Resume css3 html5 mobile portfolio resume safari smartphone tutorial website

Mobile Responsive Resume

July 26, 2012

Part of a responsive design collection on Hongkiat. You can check out the full tutorial online for a working demo.

1 attachment
Mobile Web Navigation w/ jQuery ajax app css3 html5 javascript jquery mobile tutorial webapp

Mobile Web Navigation w/ jQuery

June 14, 2012

This is a small Ajax-based navigation from a mobile web app. I coded this for a tutorial written on Hongkiat. You can also check out a live demo.

1 attachment
Old Digg v3 Footer Columns beta blues columns copyright css3 digg footer html5 links list retro v3

Old Digg v3 Footer Columns

September 30, 2011

Another really interesting tutorial I recently published onto SpreStudios. Using the Wayback Internet Archive I re-coded the entire Digg front page from 2008 into HTML5/CSS3. Kevin Rose would be so proud. Check out the live tutorial if ...

1 attachment
Ballin' iPhone App Website Template app beta code design download email freebie ios iphone jquery mailchimp signup template tutorial

Ballin' iPhone App Website Template

September 12, 2011

A small template design made for a generic iPhone app. I've used a screenshot from the Ballin' Dribbble app which you can get on the app store. Used a bit of jQuery to animate the subscription form. Check out the live tutorial here wher...

1 attachment
Web Magazine Dropdown Nav Menu blog box shadow css3 dropdown links magazine menus nav navigation submenu tutorial

Web Magazine Dropdown Nav Menu

September 03, 2011

This shot is from a live demo of my recent magazine-style drop down navigation tutorial. You can view the whole article on DesignShack, along with the demo code. Additionally I attached the .zip source code here for download :)

1 attachment