- Language: HTML, Backbone.js, JQuery, Video.js (HTML5 Video)
- Functional: Mobile touch, keyboard browsing, AJAX partial loading.
- Design: SALT Branding
This was a site built as a way of showing off the company’s technical skills but also to be used as a presentation tool.
I was responsible for all the development. I used backbone.js as the front end framework for MVC and to have better structured code for the front end. The data is stored in flat JSON files for ease of update and pulling in the data for each model. Keyboard functionality was wired up so that someone could browse the site just using the arrow keys.
On the mobile side, I implemented touch based controls so the natural mechanism of sliding your fingers up, down, left and right to move around the site.
Mortar redesigned their main company’s site and blog and came to me for all development on both. I built their main site using Drupal and wrote several custom modules in PHP to handle some background tasks including the syncing of blog and twitter data into Drupal to be used on the front page. For their blog site, I built is using WordPress. I wrote several custom plugins including a data export script that outputs data from the WordPress database for the main site to use on the home page.
- Software: Drupal
- Design: SALT Branding
I was responsible for all the front end and back end development. I utilized a responsive slideshow on the home page to meet the designer’s wants of a full width and height background for each slide. Some jQuery UI widgets were used including a slider widget to show different images and data based on the user’s selection.
- Framework: Backbone.js, Twitter Bootstrap
- Other: iOS/Android Native App
Will release Q1 of 2013.
Using Backbone.js for a nice MVC front end framework structure and Twitter Bootstrap for a template design, I built an HTML5 based site for TouringPlans to display menu data for the Walt Disney World Parks and Resorts.
I built their native iOS and Android apps that use UIWebView and WebView controls to display the HTML5 based site.
I was responsible for all front-end and back-end development including HTML/CSS/JS and installation of Drupal including creation of custom theme and integration of theme into the Drupal CMS. Includes Google Map API and Google Geocode integration.
I was responsible for all database design, back-end and front-end code and all flash on the site.
Developing for Francis Ford Coppola is like watching one of his movies. It starts off a bit slow and sets the field of characters. Then it moves into the second act and feelings and story begin to emerge and in the third act the story crescendos and then ends with all the lose ends tied up and you walk away feeling satisfied.
Front Page – The Flash Timeline
The front page was the most challenging aspect of the site and the piece most dear to Francis. His goal was to represent a time-line of the winery and his story with wine. He also didn’t want a simple and plain time line, he wanted something that had the feeling of an old school catalog, maybe an old Sears Robuck catalog or Whole Earth. Lastly he wanted some interaction and animations to bring it all to life.
I built a small modular framework for the timeline where each ‘module’ derives from a base class and each have a set of shared functionality. I also created modules that can be reused such as those that display single images, slide shows and flipping images. Along side those we also have custom modules built with specific pieces of code and functionality like the “swimmers wanted” module and the logo/news rotation module. With the framework and module structure I designed, modules can be created, reused and placed into the timeline with ease.
This site is a personal pet project of mine. I built it for many reasons including learning Python/Django and satisfying my craving for my own Disney web site. As a fan, I saw a need for a site that would help people track their own collections and to easily view what collectibles are available. From a technical POV, this allowed me to really dig into a data centric site with lots of data relationships. Users can create site accounts or use their Facebook logins using Facebook Connect to use the site and track their collections and wish lists.
Our future goals for the site include widgets users can put onto their blogs to share their collections, facebook widgets, more robust wish lists, ebay integration and tracking of collection values. Lastly, we will soon be launching a mechanism for users to start uploading items I currently do not know about or cannot find, hoping to use “crowd sourcing” to help the site and database grow rapidly.