Web Development

Below, you’ll find samples of my development work, which I’m pretty proud of.


Code Demonstration – Eco

Eco-Excercise

  • Tech Used: HTML5, CSS3, HTML5 Boilerplate
  • My Roles: Slice existing Photoshop design and implement it as HTML5/CSS3. Implement Responsive and Mobile First design patterns.

Room (2) Dance – Corporate Site

http://www.room2dance.com

  • Tech Used: HTML5, CSS, JavaScript, jQuery, HTML5 Boilerplate
  • My Roles: Slice existing Photoshop design and implement it as HTML5/CSS. Implement CSS (non-JS) navigation. Content flow-in. Integrate and/or develop various UI behaviors to provide an enjoyable user experience.

Gano Excel USA – Affiliate Portal (access restricted)

Fundraiser Organization Creation


Gano Excel USA – Affiliate Portal (access restricted)

Video Presentation Manager

  • Code: sample-code/powershare-presenter.js
  • Tech Used: HTML, JavaScript, jQuery, ASP Classic, SQL
  • My Roles: Implement UI, and behaviors. Implement AJAX data requests and populate the UI with the returned JSON data.
  • Note: The UI design, file tree, and faux modal are third-party and not mine.

Gano Excel USA – Affiliate Portal (access restricted)

Sample Distribution Manager

  • Code: sample-code/personal_contactlabels.js
  • Tech Used: HTML, CSS, JavaScript, MooTools, ASP Classic, SQL
  • My Roles: UI/UX design. Implement UI, forms, and behaviors. Implement AJAX data requests and populate the UI with the returned JSON data.

Gano Excel USA – Affiliate Portal (access restricted)

Portal UI shell and reports template

  • Code: sample-code/back-office/
  • Tech Used: HTML, CSS
  • My Roles: Shell UI design and HTML/CSS implementation. Adapt third-party reports UI into our existing shell and content.

Gano Excel USA – Marketing Site

http://www.theganoexcelstory.com/ 

Sorry, current DNS propagation issue. To view this, add 63.110.62.168 www.theganoexcelstory.com to your host file.

  • Tech Used: HTML, CSS, JavaScript, MooTools, YouTube Chromeless Player, Google Analytics
  • My Roles: Slice existing PSD design and translate it to HTML/CSS. Content flow-in. MooTools Animation. Develop a JavaScript framework to interact with YouTube’s Player API; Supporting: progress bar, Play/Pause, and Mute. Trigger Google Analytics events based on user progress through panels and video play duration.

Gano Excel USA – Live Webinar Site

http://www.ganolivecast.com/

  • Tech Used: HTML, CSS, JavaScript, MooTools, JSON, ASP Classic
  • My Roles: Design, slice, and translate PSD into HTML/CSS. Develop a scheduling system, to allow for interval queries of webinar status, and to dynamically display videos, chat, and error messages based on a schedule.

Gano Excel USA – Affiliate Fundraising Recruitment Site

http://www.myganocafe.com/fact

  • Tech Used: HTML, CSS, ASP Classic, SQL
  • My Roles: Design base layout. Build base HTML/CSS framework. Re-skin from provided design. Content flow-in. Integrate finished static HTML/CSS into an in-house website templating system. Customize enrollment process via JavaScript, ASP, SQL.

Gano Excel USA – Convention/Event Site

http://events.myganoinfo.com

  • Tech Used: HTML, CSS, Responsive Design (retrofitted), ASP Classic, SQL
  • My Roles: Resurrect a retired (in 2004) event/ticket purchasing site. Re-skin it, and flow-in new content. Retrofitted Responsive Design practices (no JS) to allow for mobile users to access the site and purchase tickets. Update ticket purchase process via ASP, and SQL.

The War on Ignorance – Personal Site

http://www.thewaronignorance.org/

  • Tech Used: HTML, CSS, JavaScript (minor), jQuery (minor)
  • My Roles: Design and translate PSD into HTML/CSS. Content flow-in. Build a custom anti-spam email decrypter via JavaScript.
  • Note: I am not Dr. Zog