So here's a few examples of production websites and webapps that I've developed and implemented for my direct clients:
Forex Trading, iPad webapp,
Features: Floated, fluid layout; no inline styles. No images employed other than country flags — all effects are implemented via CSS 3.1
Tools: Dreamweaver code panel, Photoshop CS-5, Kaazing HTML5 Websocket API, jQuery, SFTP (FileZilla/Pageant RSA)
iPad Webapp, HTML5,
21st Century Shopping Experience
Tools: Eclipse IDE, appMobi XDK, API, and cloud services; Kaazing HTML5 Websocket API, extensive Photoshop CS-5 layer slicing and sprites, SFTP
Interactive satellite imagery,
Dynamic database-driven pages
Responsibilities: Responsible for adding new features to this 1,000-page .jsp website initially developed circa 2002 with HTML4. New development is HTML5.
- Developed both front and back end code to implement a Mineral Database using HTML5, jQuery, jsp/JSTL, MySQL, Apache, Tomcat, and connectors, seen here.
- 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
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 HTML5 / CSS3 site that would bring them into the 21st century.
Features: tableless, frameless, css-positioned, no inline styles, HTML5 video, cross-browser.
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.
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