<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>web &#8211; work samples</title>
	<atom:link href="https://megadoug.com/work-samples/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>https://megadoug.com/work-samples</link>
	<description>Work Samples</description>
	<lastBuildDate>Sat, 09 Apr 2022 16:35:12 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.8.25</generator>

<image>
	<url>https://megadoug.com/work-samples/wp-content/uploads/2018/12/cropped-megaDoug_logo_hollow-32x32.png</url>
	<title>web &#8211; work samples</title>
	<link>https://megadoug.com/work-samples</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Space Invaders</title>
		<link>https://megadoug.com/work-samples/space-invaders/</link>
		<pubDate>Sun, 17 Feb 2019 22:40:37 +0000</pubDate>
		<dc:creator><![CDATA[worksamplesadmin]]></dc:creator>
				<category><![CDATA[games]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">https://megadoug.com/work-samples/?p=766</guid>
		<description><![CDATA[Based upon the classic arcade game, this Space Invaders clone is entitled&#8230;]]></description>
				<content:encoded><![CDATA[<p>Based upon the classic arcade game, this Space Invaders clone is entitled DOM Invaders due to use of html elements as game pieces.  I created a system of sprite animation that executes at custom rates depending on frame rate required per sprite.  The bases use a canvas element to implement pixel-based hit detection.</p>
<p>Responsive across all display port sizes, this game is playable on any device, directly in the browser.  Controls change from keyboard input to touch controls if user is on a touch device.</p>
<p><img class="wp-image-768 size-medium alignleft" src="https://megadoug.com/work-samples/wp-content/uploads/2019/02/SpaceInvaders_splash-300x263.png" alt="" width="300" height="263" srcset="https://megadoug.com/work-samples/wp-content/uploads/2019/02/SpaceInvaders_splash-300x263.png 300w, https://megadoug.com/work-samples/wp-content/uploads/2019/02/SpaceInvaders_splash-768x673.png 768w, https://megadoug.com/work-samples/wp-content/uploads/2019/02/SpaceInvaders_splash.png 800w" sizes="(max-width: 300px) 100vw, 300px" /><img class="wp-image-775 aligncenter" src="https://megadoug.com/work-samples/wp-content/uploads/2019/02/SpaceInvaders_gameplay2.png" alt="" width="500" height="415" srcset="https://megadoug.com/work-samples/wp-content/uploads/2019/02/SpaceInvaders_gameplay2.png 600w, https://megadoug.com/work-samples/wp-content/uploads/2019/02/SpaceInvaders_gameplay2-300x249.png 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>Mobile version pictured below.  Scales to any display port, iPhone 5 to 4kTV.</p>
<p><img class="aligncenter wp-image-773" src="https://megadoug.com/work-samples/wp-content/uploads/2019/02/SpaceInvaders_gameplay_mobile-1024x577.png" alt="" width="600" height="338" srcset="https://megadoug.com/work-samples/wp-content/uploads/2019/02/SpaceInvaders_gameplay_mobile-1024x577.png 1024w, https://megadoug.com/work-samples/wp-content/uploads/2019/02/SpaceInvaders_gameplay_mobile-300x169.png 300w, https://megadoug.com/work-samples/wp-content/uploads/2019/02/SpaceInvaders_gameplay_mobile-768x433.png 768w, https://megadoug.com/work-samples/wp-content/uploads/2019/02/SpaceInvaders_gameplay_mobile.png 1136w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><img class="size-full wp-image-783 aligncenter" src="https://megadoug.com/work-samples/wp-content/uploads/2019/02/iphone.jpg" alt="" width="800" height="451" srcset="https://megadoug.com/work-samples/wp-content/uploads/2019/02/iphone.jpg 800w, https://megadoug.com/work-samples/wp-content/uploads/2019/02/iphone-300x169.jpg 300w, https://megadoug.com/work-samples/wp-content/uploads/2019/02/iphone-768x433.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></p>
]]></content:encoded>
			</item>
		<item>
		<title>web app- Spinner betting game</title>
		<link>https://megadoug.com/work-samples/web-app-spinner/</link>
		<pubDate>Thu, 01 Feb 2018 10:07:40 +0000</pubDate>
		<dc:creator><![CDATA[worksamplesadmin]]></dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[games]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">https://megadoug.com/work-samples/?p=475</guid>
		<description><![CDATA[Based on a popular casino wheel game, this web app uses similar&#8230;]]></description>
				<content:encoded><![CDATA[<p>Based on a popular casino wheel game, this web app uses similar betting system and odds.</p>
<p>Each spin&#8217;s landing wedge is calculated in real time, using varying initial spin speed, constant friction of the wheel, and intermittent friction of the pegs between wedges.</p>
<p>The game has a fully functional betting system which tracks bet targets and amounts and pays and collects accurately.  No real money in this demo version.</p>
<p><img class="size-full wp-image-786 aligncenter" src="https://megadoug.com/work-samples/wp-content/uploads/2018/02/spinney-wheel-game-horizontal.jpg" alt="" width="600" height="356" srcset="https://megadoug.com/work-samples/wp-content/uploads/2018/02/spinney-wheel-game-horizontal.jpg 600w, https://megadoug.com/work-samples/wp-content/uploads/2018/02/spinney-wheel-game-horizontal-300x178.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>The game and its betting interface and &#8220;fauxics&#8221; were challenging and fun to build.  The difficulty came in tailoring the layout responsively across devices, from high def tv to laptop, to tablet, to phone, portrait and landscape across viewport sizes.</p>
<p>• Javascript  • GSAP  • HTML  • CSS  • Illustrator  • Photoshop  • Algebra  • Geometry</p>
<p><img class="size-medium wp-image-496 aligncenter" src="https://megadoug.com/work-samples/wp-content/uploads/2018/02/spinney-logo-300x213.png" alt="" width="300" height="213" srcset="https://megadoug.com/work-samples/wp-content/uploads/2018/02/spinney-logo-300x213.png 300w, https://megadoug.com/work-samples/wp-content/uploads/2018/02/spinney-logo.png 501w" sizes="(max-width: 300px) 100vw, 300px" /></p>
]]></content:encoded>
			</item>
		<item>
		<title>website- Newgistics</title>
		<link>https://megadoug.com/work-samples/website-newgistics/</link>
		<pubDate>Fri, 15 Dec 2017 05:19:50 +0000</pubDate>
		<dc:creator><![CDATA[worksamplesadmin]]></dc:creator>
				<category><![CDATA[web]]></category>

		<guid isPermaLink="false">https://megadoug.com/work-samples/?p=352</guid>
		<description><![CDATA[I worked with Chromatrope LLC to pitch, secure, plan and build a&#8230;]]></description>
				<content:encoded><![CDATA[<p>I worked with Chromatrope LLC to pitch, secure, plan and build a website for Newgistics, an end-to-end ecommerce solutions company.</p>
<p>We created a WordPress child theme, including multiple page templates, to meet and expand upon design requirements.</p>
<p>• CSS   • HTML  • Javascript  • WordPress  • PHP</p>
<p><a href="https://megadoug.com/work-samples/wp-content/uploads/2017/12/ngs-home-small-290.png"><img class="alignleft size-full wp-image-358" src="https://megadoug.com/work-samples/wp-content/uploads/2017/12/ngs-home-small-290.png" alt="" width="291" height="962" srcset="https://megadoug.com/work-samples/wp-content/uploads/2017/12/ngs-home-small-290.png 291w, https://megadoug.com/work-samples/wp-content/uploads/2017/12/ngs-home-small-290-91x300.png 91w" sizes="(max-width: 291px) 100vw, 291px" /></a></p>
<p><a href="https://megadoug.com/work-samples/wp-content/uploads/2017/12/ngs-digitalcommerce-small-600-e1513315363248.jpg"><img class="alignleft wp-image-356" src="https://megadoug.com/work-samples/wp-content/uploads/2017/12/ngs-digitalcommerce-small-600-517x1024.jpg" alt="" width="484" height="989" /></a></p>
<p><a href="https://megadoug.com/work-samples/wp-content/uploads/2017/12/ngs-about-mobile-200.jpg"><img class="alignleft size-large wp-image-353" src="https://megadoug.com/work-samples/wp-content/uploads/2017/12/ngs-about-mobile-200-131x1024.jpg" alt="" width="131" height="1024" /></a></p>
<p><a href="https://megadoug.com/work-samples/wp-content/uploads/2017/12/ngs-approach-small-600-e1513315477697.jpg"><img class="size-full wp-image-355 alignleft" src="https://megadoug.com/work-samples/wp-content/uploads/2017/12/ngs-approach-small-600-e1513315477697.jpg" alt="" width="300" height="426" /></a></p>
<p><a href="https://megadoug.com/work-samples/wp-content/uploads/2017/12/ngs-about-small-600-e1513315518674.png"><img class="alignleft size-full wp-image-354" src="https://megadoug.com/work-samples/wp-content/uploads/2017/12/ngs-about-small-600-e1513315518674.png" alt="" width="300" height="448" /></a></p>
]]></content:encoded>
			</item>
		<item>
		<title>website- Tacit Knowledge</title>
		<link>https://megadoug.com/work-samples/website-tacit-knowledge/</link>
		<pubDate>Tue, 21 Nov 2017 02:38:53 +0000</pubDate>
		<dc:creator><![CDATA[worksamplesadmin]]></dc:creator>
				<category><![CDATA[web]]></category>

		<guid isPermaLink="false">https://megadoug.com/work-samples/?p=323</guid>
		<description><![CDATA[Working with Chromatrope, we developed a website for Tacit Knowledge.  Creating a&#8230;]]></description>
				<content:encoded><![CDATA[<p>Working with Chromatrope, we developed a website for Tacit Knowledge.  Creating a child WordPress theme, we built custom page layouts and interactive content.<br />
• WordPress  • Javascript  • CSS  • HTML  • PHP</p>
<p><a href="https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_home_tall.jpg"><img class="alignleft size-large wp-image-327" src="https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_home_tall-256x1024.jpg" alt="" width="256" height="1024" srcset="https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_home_tall-256x1024.jpg 256w, https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_home_tall-75x300.jpg 75w" sizes="(max-width: 256px) 100vw, 256px" /></a><a href="https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_contact.jpg"><img class="alignleft wp-image-324" src="https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_contact-300x240.jpg" alt="" width="600" height="480" srcset="https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_contact-300x240.jpg 300w, https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_contact-768x615.jpg 768w, https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_contact-1024x820.jpg 1024w, https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_contact.jpg 1320w" sizes="(max-width: 600px) 100vw, 600px" /></a><a href="https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_developers.jpg"><img class="alignleft wp-image-325" src="https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_developers.jpg" alt="" width="600" height="677" srcset="https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_developers.jpg 800w, https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_developers-266x300.jpg 266w, https://megadoug.com/work-samples/wp-content/uploads/2017/11/TK_developers-768x867.jpg 768w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
]]></content:encoded>
			</item>
		<item>
		<title>email newsletter- National Association of Independent Schools</title>
		<link>https://megadoug.com/work-samples/nais-sss-newsletter/</link>
		<pubDate>Mon, 23 Oct 2017 06:59:29 +0000</pubDate>
		<dc:creator><![CDATA[worksamplesadmin]]></dc:creator>
				<category><![CDATA[web]]></category>

		<guid isPermaLink="false">https://megadoug.com/work-samples/?p=221</guid>
		<description><![CDATA[Designed email Newsletter Template and built twice-monthly newsletter for National Association of&#8230;]]></description>
				<content:encoded><![CDATA[<p>Designed email Newsletter Template and built twice-monthly newsletter for National Association of Independent Schools.</p>
<p>The bulletin was assembled and distributed with Salesforce’s Marketing Cloud.</p>
<p><a href="https://megadoug.com/work-samples/wp-content/uploads/2017/10/SSS_NAIS_newsletter_design_00b3.jpg"><img class="alignleft size-large wp-image-220" src="https://megadoug.com/work-samples/wp-content/uploads/2017/10/SSS_NAIS_newsletter_design_00b3-220x1024.jpg" alt="" width="220" height="1024" srcset="https://megadoug.com/work-samples/wp-content/uploads/2017/10/SSS_NAIS_newsletter_design_00b3-220x1024.jpg 220w, https://megadoug.com/work-samples/wp-content/uploads/2017/10/SSS_NAIS_newsletter_design_00b3.jpg 1200w" sizes="(max-width: 220px) 100vw, 220px" /></a><a href="https://megadoug.com/work-samples/wp-content/uploads/2017/10/SSS_NAIS_newsletter_design_00b3b.jpg"><img class="alignnone wp-image-219 size-large" src="https://megadoug.com/work-samples/wp-content/uploads/2017/10/SSS_NAIS_newsletter_design_00b3b-e1508905802966-381x1024.jpg" alt="" width="381" height="1024" srcset="https://megadoug.com/work-samples/wp-content/uploads/2017/10/SSS_NAIS_newsletter_design_00b3b-e1508905802966-381x1024.jpg 381w, https://megadoug.com/work-samples/wp-content/uploads/2017/10/SSS_NAIS_newsletter_design_00b3b-e1508905802966-112x300.jpg 112w, https://megadoug.com/work-samples/wp-content/uploads/2017/10/SSS_NAIS_newsletter_design_00b3b-e1508905802966-768x2062.jpg 768w, https://megadoug.com/work-samples/wp-content/uploads/2017/10/SSS_NAIS_newsletter_design_00b3b-e1508905802966.jpg 1025w" sizes="(max-width: 381px) 100vw, 381px" /></a></p>
<p>We worked with Salesforce’s development and partner development team to debug early versions of their software and test features.</p>
]]></content:encoded>
			</item>
		<item>
		<title>website- BAWAR</title>
		<link>https://megadoug.com/work-samples/bawar-website/</link>
		<pubDate>Mon, 23 Oct 2017 05:40:40 +0000</pubDate>
		<dc:creator><![CDATA[worksamplesadmin]]></dc:creator>
				<category><![CDATA[web]]></category>

		<guid isPermaLink="false">https://megadoug.com/work-samples/?p=210</guid>
		<description><![CDATA[The client, Bay Area Women against Rape, required a site refresh, including homepage&#8230;]]></description>
				<content:encoded><![CDATA[<p>The client, <em>Bay Area Women against Rape</em>, required a site refresh, including homepage redesign, as well as style updates for internal pages.  Graphical and architectural updates were made to improve UI, UX.</p>
<p>Created custom WordPress child theme to accomplish all site update requirements.  Consistently delivered on time and on goal while meeting with and responding to fluidly changing internal team.</p>
<p>• WordPress  • CSS  • HTML  • some PHP  • Photoshop</p>
]]></content:encoded>
			</item>
		<item>
		<title>web application- Biggeye Mosaic</title>
		<link>https://megadoug.com/work-samples/post-biggeye-mosaic/</link>
		<pubDate>Fri, 15 Sep 2017 15:09:17 +0000</pubDate>
		<dc:creator><![CDATA[worksamplesadmin]]></dc:creator>
				<category><![CDATA[web]]></category>

		<guid isPermaLink="false">https://megadoug.com/work-samples/?p=91</guid>
		<description><![CDATA[This web app, developed for Tacit Knowledge, promotes their expertise in ecommerce staging&#8230;]]></description>
				<content:encoded><![CDATA[<p>This<strong> web app</strong>, developed for Tacit Knowledge, promotes their expertise in ecommerce staging and maintenance.</p>
<p>I built this in cooperation with Chromatrope, a web strategy company.</p>
<p>The challenge was to understand the client&#8217;s grading algorithm, connect to and retrieve the data, and use it to build an interactive display of the top 50 ecommerce sites daily (hourly).</p>
<p>• Designed application.</p>
<p>• Built application.</p>
<p>&#8211; Connected front-end user interface to back-end data, via javascript to Tacit Knowledge&#8217;s proprietary API.</p>
<p>&#8211; Programming, Markup, Styling, graphical interface development.</p>
<p>&#8211; Canvas, DOM, Javascript, CSS.</p>
<p>• Biggeye brand design by Chromatrope</p>
<p>• App Interface design by megaDoug</p>
<p><a href="https://megadoug.com/work-samples/wp-content/uploads/2017/09/BE_mosaic_-noColor.jpg"><img class="alignleft size-large wp-image-312" src="https://megadoug.com/work-samples/wp-content/uploads/2017/09/BE_mosaic_-noColor-1024x575.jpg" alt="" width="850" height="477" srcset="https://megadoug.com/work-samples/wp-content/uploads/2017/09/BE_mosaic_-noColor-1024x575.jpg 1024w, https://megadoug.com/work-samples/wp-content/uploads/2017/09/BE_mosaic_-noColor-300x169.jpg 300w, https://megadoug.com/work-samples/wp-content/uploads/2017/09/BE_mosaic_-noColor-768x431.jpg 768w, https://megadoug.com/work-samples/wp-content/uploads/2017/09/BE_mosaic_-noColor.jpg 1200w" sizes="(max-width: 850px) 100vw, 850px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Link to live display:  <a href="http://www.megadoug.com/biggeye50/" target="_blank" rel="noopener">http://www.megadoug.com/biggeye50/</a></p>
]]></content:encoded>
			</item>
		<item>
		<title>website- We Might Be Superheroes</title>
		<link>https://megadoug.com/work-samples/post-wmbs-website/</link>
		<pubDate>Fri, 15 Sep 2017 14:30:30 +0000</pubDate>
		<dc:creator><![CDATA[worksamplesadmin]]></dc:creator>
				<category><![CDATA[web]]></category>

		<guid isPermaLink="false">https://megadoug.com/work-samples/?p=60</guid>
		<description><![CDATA[We designed, built and maintained the official website for We Might Be&#8230;]]></description>
				<content:encoded><![CDATA[<p>We designed, built and maintained the official website for <em>We Might Be Superheroes</em>, a successful web series turned Amazon Prime feature.  </p>
<p>The official site includes episode descriptions by producer Pat Bishow, who through our expert tutelage, quickly learned to add episodes on his own, and include accompanying commentary.</p>
<p>• WordPress  • Illustrator  • Photoshop  • HTML  • CSS  • Javascript</p>
]]></content:encoded>
			</item>
	</channel>
</rss>
