Tim Dupree

tdupree.com is my personal website. I host it on a 256Mb slice from Slicehost, in their Chicago datacenter, and I have my server running Ubuntu with with Nginx, PHP, and MySQL. I use a cloud hosted Subversion repository for source control.

I designed the site myself and used Adobe Fireworks for all of the mockups and image creation. I wrote a custom WordPress theme for the notes section.

I use the MooTools javascript framework throughout the site, most notably for the site menu and the portfolio page.

Images and static assets, such as javascript and css, are served through cdn-tdupree.com using the Amazon Cloudfront CDN and its custom origin feature.

SimpleCallTracking.com is a web application I came up with to make it easier to track where business phone calls are coming from and which advertising channels are resulting in the most qualified leads.

I worked with Eric Schultz to create the application, with Eric working on the server admin and backend coding while I handled the design and front-end coding requirements. Together, we planned the architecture of the app, how the database should be designed, and what functionality should go into the MVP (Minimum Viable Product) release of the app. It started as a small side project just for fun, and kind of grew from there.

SimpleCallTracking.com takes advantage of the Twilio API. We use PHP, MySQL, and Nginx on the server side and JS, MooTools, CSS3 and HTML5 on the client side.

SimpleCallTracking.com is currently in private beta and is scheduled to be launched in early 2011.

Serp.ly is an online SERP (Search Engine Results Page) keyword tracking tool designed to make keyword tracking easy and affordable, whether you need to track 10 keywords or 10,000 keywords.

Serp.ly intelligently tracks your keywords across Google, Yahoo!, and Bing providing you with valuable data you can use to track your SEO efforts and gain insights into improving your organic search results.

Serply is currently in private beta and is scheduled to be launched the first quarter of 2011.

Deckeo is a new advertising platform aimed at giving you more control over the advertising on your websites. Basically, we want to help you provide quality, targeted advertising on your websites in a way that does not ruin the experience for your visitors.

Deckeo is currently in private beta.

Want a quick check to see if those CNAMEs you setup for S3 or CloudFront have propagated and are pointing to the right place? Well, I did :)

I made an interactive ajax interface for pinging any server online, purposely styled to look a bit similar to a green text terminal. It's akin to an online version of Windows "ping servername.com" command that uses the Pear Net_Ping library for PHP coupled with a little bit of ajax sexyness. What's next? Probably make it more like Linux's "dig" command.

For markdupree.com, I created a "one page" site that stacks content categories allowing a user to jump or scroll between categories. This was accomplished through the use of a "sticky" header menu and the use of the Mootools Fx.SmoothScroll function. Additionally, each content category may have separate sections which can be clicked on to reveal new content. The contact box is AJAX powered to keep the site inline with the "one page" ideal.

The use of CSS3 allowed advance styling choices along with graceful degradation to browser which lack CSS3 support. Careful SEO consideration when into the structure of the site in order to propel the site to the #1 rank it enjoys for desired Google searches.

ptjofficecleaning.com is a website I created with DSS Creative for a local janitorial and office cleaning company. The owner of Personal Touch Janitorial needed an online presence in order to bring obtain new clients.

I put together a comprehensive SEO (Search Engine Optimization) and SEM (Search Engine Marketing) strategy. Matt Sauter designed a fresh look for the website. I did all of the front-end development and incorporated the SEO strategy I created using white hat SEO and industry best practices.

I was able to greatly improve the organic rankings for the Personal Touch Janitorial website, leading to an increase of traffic by over 1000% and resulting in continued new business for the company. I also manage an effective, ongoing SEM campaign through Google AdWords which results in qualified leads for Personal Touch Janitorial.

This site is one of several micro-sites developed to improve the visibility of a client's business in their many service areas across Chicagoland. The design was done by the talented Chris Valleskey. From a reference PNG created by Chris, I then recreated a working site which mimicked his design using CSS3 and HTML with graceful CSS degradation for outdated browsers. This served to reduce the number of images and http requests required to serve the page, resulting in page load speeds consistently 950 milliseconds or less.

The site consists of a single page with the content categories stacked in a way that allows the user to jump to or scroll to view the various categories. This single page structure makes use of the Mootools Fx.SmoothScroll class to obtain smoothly animated scrolls to each content category chosen from the menu. Careful SEO consideration when into the structure and copy of the site in order to achieve top ranks in Google for the clients chosen keywords.

The Stanley Customer Logos Video is a 1080p animation I created in Adobe Flash for the 2010 Stanley CSS Customer Event in Dallas, Texas. The event was held in the Dallas Cowboys stadium and the Customer Logo Video was featured on massive HD screens situated throughout the Stadium.

Over 200 logos "popcorn" on the screen, between 3 and 5 at any given time, for a sequence of 25 logos before the screen fades to a thank you message and then back to the logo animations.

From The Cloud Up is the soon to be home to a site which teaches visitors how to create a web application completely from scratch and hosted using a cloud hosting provider. I am still working on the content and tutorials so there is just a simple page sitting up there right now (learn more about my vision for fromthecloudup.com). I created the cloud and text image using Adobe Fireworks.

For fun, I wrote some Mootools classes which allow me to animate some clouds at random heights/speeds across the page. Check out the post about the code powering this here: Javascript Clouds Animation with Mootools/

dsscreative.com is the website I created for the company I co-founded, DSS Creative. I created the design in Adobe Fireworks and was responsible for the actual web development and front-end coding.

dssurl.com is a url shortening service created by me and my co-founders at DSS Creative. I created the layout and designs (which were later tweaked by Matt Sauter) and I did all of the front-end development.

dsswhois.com is a handy, AJAX powered, WHOIS lookup tool created by me for DSS Creative. It provides us with a safe destination to research domain availability and WHOIS information without subjecting us to the possibility of becoming victim to Domain Name Front Running.

SweetBay Inc. is a B2B pet food wholesaler who needed an online catalog and shopping cart created and they tapped DSS Creative to do the job.

We created a highly responsive AJAX (Asynchronous Javascript and XML) powered ecommerce site for SweetBay Inc. Our AJAX interface allows customers instant pagination, product modal boxes, and seamless additions of products to their shopping cart all without a page refresh.

Special care was taken to ensure that AJAX functionality did not break the normal browser conventions such as the Back and Forward buttons. All URLs reflect the current state of the page as modified by any AJAX requests.

Maria Owens, needed a simple website with basic content management for her campaign. Additionally this was all with an extremely tight budget. I created this site in a very short time frame with the features they needed.

I utilized free services wherever possible, including Surreal CMS, Google Apps for Domains, Google Analytics and Picasa. The end result being a full turn-key solution including email services, content management, editable image galleries, visitor tracking analytics and online calender management.

sidwellmaps.com is one of three corporate websites for The Sidwell Company. The main goal of the site is to be a reference for the products that The Sidwell Company offers, as well as the gateway to the Sidwell Maps Online interactive online GIS application. I designed and implemented the entire sidwellmaps.com website.

sidwellco.com is one of three corporate websites for The Sidwell Company. The site serves as a destination for news, press releases, and a general launchpad for the products and services The Sidwell Company offers. I designed and implemented the entire sidwellco.com website.

brittanyandtim.com was a website I created to act as a convenient destination for others to get information regarding our wedding. It has our stories, event information, and links to our pictures of the wedding.

Hacker News OnePage is an extension for news.ycombinator.com. It allows you to view the news articles in a left column, while viewing the article or comments on the right. You never have to leave Hacker News to view any of the comments or articles. OnePage also highlights the articles and comments that you click on, allowing you to easily see what you have read.

All the code for Hacker News OnePage is open source and it has been ported to a Safari Extension and served as the inspiration for an iPad app.

I was asked to create a simple, interactive flash site for an event called Justice Week which seeks to inform people on the injustices of human trafficking going on in the world today. Matt Sauter created the design which I then implemented in Adobe Flash.

donboehm.com is a simple business card website I created for Don Boehm. This gives him an easy destination containing his contact details that he can point people to. It also serves as a valuable SEO property for his name.

bluewildcat.org is the official website of the Blue Wildcat Scholarship Foundation. They asked me to create a simple, Adobe Flash website for their foundation. Additionally, they needed an online application system they could use to collect applications for their scholarship.

I created a demo CD which was given out to customers and potential clients of the Parcel Builder software suite for The Sidwell Company. The demo CD contained a full screen flash interface that auto ran when a user inserted the CD into their computer. It had a main menu which would let the user browser and choose demo videos to view.