<!doctype html>
<!--[if lt IE 7 ]> <html class="ie ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->

<html class="" lang="en" > <!--<![endif]-->
<head>
	<title>Mike McCarron</title>

			
		<meta name="description" content="" />
		<meta name="keywords" content="web,design,development,standards,html,css,jquery,iphone,ipad,apple,html5,css3,mobile" />
		<meta name="robots" content="index,follow,archive" />
		
		<meta charset="utf-8" />
		<meta name="resource-type" content="document">


	<link rel="shortcut icon" href="favicon.ico">
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
	<link rel="apple-touch-icon-precomposed" href="apple-touch- icon-precomposed.png">

	<link rel="stylesheet" href="http://www.mikemccarron.com/css/styles.css" media="screen,projection" />
	<link rel="stylesheet" href="http://www.mikemccarron.com/css/print.css" media="print" />

	<script>
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

		ga('create', 'UA-133516-1', 'auto');
		ga('send', 'pageview');
	</script>

</head>

<body id="pg_rss_2.0">

	<section id="top">
		<div class="wrapper">
			<header id="logo">
				<a href="http://www.mikemccarron.com/" title="Return Home" class="home-btn">
					<div id="black">m</div>
					<div id="blue">m</div>
					<div id="home">home</div>
				</a>
			</header>

			<div id="name">
				<h1><a href="http://www.mikemccarron.com/" title="Return Home" class="home-btn">Mike McCarron, Web &#38; Mobile Designer &#38; Developer</a></h1>
			</div>

			<nav>
				



<ul id="nav_sub">
	<li class="first"><a title="About" href="http://www.mikemccarron.com/about/">About</a></li>
	<li><a title="Work" href="#" onclick="return false;" style="color:#c6c7c7; text-decoration: line-through;">Work</a></li>
	<li><a title="Articles" href="#" onclick="return false;" style="color:#c6c7c7; text-decoration: line-through;">Articles</a></li>
	
	<li class="last"><a href="http://blog.mikemccarron.com/" title="Blog">Blog</a></li>
</ul>
			</nav>

			
		</div>
	</section>





	<section id="featured-work">
		<div class="wrapper">
			
			<div id="slide-wrapper" class="swipe">
	<ul>
	
		<li>
			<div class="panel">
				<div class="devices three-devices">
					<div class="overlay"></div>
					
													<div class="imac">
								<div class="device reflect">
									<div class="screenshot">
										<img src="http://www.mikemccarron.com/images/work/desktop/bisignano.jpg" data-retina="http://www.mikemccarron.com/images/work/desktop/bisignano.jpg">
									</div>
								</div>
							</div>
																			<div class="ipad">
								<div class="device reflect">
									<div class="screenshot">
										<img src="http://www.mikemccarron.com/images/work/tablet/bisignano.jpg" data-retina="http://www.mikemccarron.com/images/work/tablet/bisignano.jpg">
									</div>
								</div>
							</div>
																			<div class="iphone">
								<div class="device reflect">
									<div class="screenshot">
										<img src="http://www.mikemccarron.com/images/work/phone/bisignano.jpg" data-retina="http://www.mikemccarron.com/images/work/phone/bisignano.jpg">
									</div>
								</div>
							</div>
											
				</div>

				<section class="project-details">
					<header>
						<hgroup>
							<h1>Via Ghibellina, 96</h1>
							<h2><a href="http://www.bisignano.biz" title="Via Ghibellina, 96">http://www.bisignano.biz</a></h2>
						</hgroup>
					</header>
					
				</section>
			</div>
		</li>
	
		<li>
			<div class="panel">
				<div class="devices three-devices">
					<div class="overlay"></div>
					
													<div class="imac">
								<div class="device reflect">
									<div class="screenshot">
										<img src="http://www.mikemccarron.com/images/work/desktop/pwi-engineering.jpg" data-retina="http://www.mikemccarron.com/images/work/desktop/pwi-engineering.jpg">
									</div>
								</div>
							</div>
																							
				</div>

				<section class="project-details">
					<header>
						<hgroup>
							<h1>PWI Engineering</h1>
							<h2><a href="http://www.pwius.com/" title="PWI Engineering">http://www.pwius.com/</a></h2>
						</hgroup>
					</header>
					
				</section>
			</div>
		</li>
	
		<li>
			<div class="panel">
				<div class="devices three-devices">
					<div class="overlay"></div>
					
													<div class="imac">
								<div class="device reflect">
									<div class="screenshot">
										<img src="http://www.mikemccarron.com/images/work/desktop/arena-design.jpg" data-retina="http://www.mikemccarron.com/images/work/desktop/arena-design.jpg">
									</div>
								</div>
							</div>
																							
				</div>

				<section class="project-details">
					<header>
						<hgroup>
							<h1>Arena Design</h1>
							<h2><a href="http://www.arenadesign.com/" title="Arena Design">http://www.arenadesign.com/</a></h2>
						</hgroup>
					</header>
					
				</section>
			</div>
		</li>
		
	</ul>
</div>


			
			<nav>
				<ul id="markers">
					
					<li class="cur"><a href="#" title="Button">[X]</a></li>
					
					<li><a href="#" title="Button">[X]</a></li>
					
					<li><a href="#" title="Button">[X]</a></li>
						
				</ul>
			</nav>

			
			<div id="lock">
				<a href="#" title="Unlock my complete portfolio">Unlock</a>
				<div class="popup">
					Contractual obligation prevent me from publicly displaying my complete portfolio of work but you can unlock it all by simply requesting an access code and logging in.
				</div>
			</div>
		</div>
	</section>

	<section id="content">
		<div class="wrapper">
			<article>
				<h1>Hello. My name is Mike McCarron.</h1>

<h2>I design and develop desktop and mobile websites.</h2>

<p>I’m currently a Senior Interactive Developer at <a href="http://www.1trickpony.com/" title="One Trick Pony">One Trick Pony.</a></p>

<p>I was previously at <a href="http://www.dyadcom.com" title="Dyad Communications">Dyad Communications</a> &amp; <a href="http://www.raphaelwebscapes.com" title="Raphael Webscapes">Raphael Webscapes.</a></p>

			</article>
			

			<div id="twitter-box">
	<a href="//twitter.com/mike_mccarron" class="twitter-follow-button" data-show-count="true" data-lang="en" data-width="150">Follow @mike_mccarron</a>
	<script>!function(e,a,f){var c,b=e.getElementsByTagName(a)[0];if(!e.getElementById(f)){c=e.createElement(a);c.id=f;c.src="//platform.twitter.com/widgets.js";b.parentNode.insertBefore(c,b)}}(document,"script","twitter-wjs");</script>
</div>

		</div>
	</section>


	<section id="social-bar">
	<div class="wrapper">
		<nav>
			<ul>
				<li id="s-twitter"><a href="http://twitter.com/mike_mccarron" title="Twitter: @mike_mccarron">Twitter</a></li>
				<li id="s-tumblr"><a href="http://blog.mikemccarron.com/" title="Tumblr">Tumblr</a></li>
				<li id="s-github"><a href="https://github.com/mikemccarron" title="GitHub">GitHub</a></li>
				<li id="s-dribbble"><a href="http://dribbble.com/mikemccarron" title="Dribbble">Dribbble</a></li>
				<li id="s-behance"><a href="http://www.behance.net/mikemccarron" title="B&#275;hance">B&#275;hance</a></li>
				<li id="s-zerply"><a href="http://zerply.com/mike_mccarron" title="Zerply">Zerply</a></li>
				<li id="s-linkedin"><a href="http://www.linkedin.com/in/mikemccarron" title="LinkedIn">LinkedIn</a></li>
			</ul>
		</nav>
	</div>
</section>


</body>

<!--[if IE]><script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script><![endif]-->

	<script src="//code.jquery.com/jquery-1.8.3.min.js"></script>
	<script src="http://www.mikemccarron.com/js/libs/modernizr.2.6.1-dev.js"></script>
	<script src="http://www.mikemccarron.com/js/libs/jquery.noisy.js"></script>
	<script src="http://www.mikemccarron.com/js/libs/greensock/minified/plugins/CSSPlugin.min.js"></script>
	<script src="http://www.mikemccarron.com/js/libs/greensock/minified/easing/EasePack.min.js"></script>
	<script src="http://www.mikemccarron.com/js/libs/greensock/minified/TweenLite.min.js"></script>
	<script src="http://www.mikemccarron.com/js/libs/swipe/swipe.min.js"></script>
	<script src="http://www.mikemccarron.com/js/scripts.js"></script>

	<script type="text/javascript" src="//use.typekit.net/gmj5tfj.js"></script>
	<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

</html>