Foreign Exchange Trader Desk

Responsibilities: Responsible for the visual metaphor, content specification, frontend OO design and implementation on an aggressive deadline (I'm accustomed to working with startups, demos, and trade show timelines.) Extremely dynamic iPad Foreign Exchange ('forex') Trader webapp. Floated, fluid layout, CSS 3.1, no inline styles. Dynamic tables and objects via constructor-generated widgets; content added to the DOM via js. Cross-browser: iPad webapp, but also viewable with Mobile Safari, Safari, Firefox, and Chrome using dynamic event attachment to automatically configure drag-and-drop or Touch at onload depending on the viewer's platform. (Not ported to Internet Explorer).

21st Century Shopping Experience

iPad Webapp

Responsibilities: Responsible for frontend design, development, and testing on a short timeline (trade show). HTML-5, CSS 3.1, object-oriented JavaScript, Kaazing Websocket consumer, appMobi camera & barcode reader API, and appMobi 1Touch purchasing. Built as an iOS webapp using appMobi XDK and Mobius browser, yet cross-browser debugged for Safari, Chrome, Firefox, and IE-9 to facilitate stakeholder reviews. (webapp — not IE 6-8 compatible)

Features: Floated, fluid layout; no inline styles. Collaborated with agency creative and sliced resulting Photoshop .psd to yield approximately one hundred background images employed in css.

Tools: Eclipse IDE, appMobi XDK and API, Kaazing HTML-5 Websocket API, Photoshop CS-5, SFTP

Geology Park, LLC

Responsibilities: Responsible for adding new features to this 1,000-page .jsp website initially developed circa 2002 with HTML-4. New development is HTML-5.

Developed JavaScript to transform and render chemical formulas and format Hermann-Manguin optical properties; implemented Google AdSense, Google Analytics, eBay linkage, and Amazon store; built and maintain Unfuddle SVN repository for source code, and added new branches:

1. Developed JSON/AJAX modules and JavaScript to embed over 85 dynamic pages which integrate interactive Google Maps and TerraServer imagery. An example can be seen here.
2. Developed both front and back end code to implement a Mineral Database using HTML-5, jQuery, jsp/JSTL, MySQL, Apache, Tomcat, and connectors, seen here.
3. Implemented an extreme photo gallery including all image processing to produce thumbnails, brand photos, and optimize images. It may be seen here.

Webmaster: Apache, Tomcat, MySQL

Steve Stone Coral Reef Foundation

My client designed their home page, provided a ream of scientific information regarding coral reefs, dozens of high density professional photographs, and asked me to take it from there. This 501-C(3) Charitable Foundation was seeking a modern website which would endure for the next decade, so I developed a wireframe from which I subsequently designed and developed an HTML-5 / CSS-3 site that would bring them into the 21st century.

Responsibilities: Complete responsibility for designing and producing the UI and website, including the visual metaphor, HTML5, CSS3, JavaScript, Dreamweaver templates, photo processing, stakeholder reviews, and all page production. Webmaster: Linux/Apache

Features: tableless, frameless, css-positioned, no inline styles, HTML-5 video, cross-browser.

Chevelle Specialties

Objective: My client wanted an entirely new look-and-feel for his website couped with the ability to maintain his website and add photo galleries without having to acquire development tools such as Dreamweaver and Photoshop.

Responsibilities: Following some research, I chose GoDaddy's "Website Tonight" product for his purposes. After obtaining concurrence on the wireframe, I selected a template from GoDaddy's library, created a new logo and masthead, and developed the red Chevelle image with its reflection to meet his branding objectives; modified the template, css, and images, created photo galleries, and built the 'landing' and detail pages. Following publication, I trained him in the use of the WebsiteTonight editor to add and revise photos, galleries, and copy to meet his ongoing needs.

Corvette Performance Arizona
Corvettes and Caffeine

Responsibilities: Created visual metaphor and comps, created masthead, produced graphics and processed countless photos, developed css and Dreamweaver templates, researched and authored content, and produced all pages. Webmaster since 2009.

Features: tableless, frameless, css-positioned, cross-browser tested; adaptive forms and validation of user input for their "Preferred Customer" application.

Tools: Dreamweaver, Photoshop CS5, jQuery

entire site: