Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Tree: dbf99092cd
Fetching contributors…

Cannot retrieve contributors at this time

executable file 271 lines (221 sloc) 12.216 kB
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Jarad Comingdeer</title>
<meta name="author" content="Jarad Comingdeer">
<meta name="description" content="I am a front-end web developer based in San Diego, California. I love making applications that look great, and work even better.">
<meta name="keywords" lang="en-us" content="Web Developer, Front end developer, San Diego">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Google Web Font
================================================== -->
<link href='http://fonts.googleapis.com/css?family=Signika:400,700' rel='stylesheet' type='text/css'>
<!-- CSS
================================================== -->
<link rel="stylesheet" href="stylesheets/base.css">
<link rel="stylesheet" href="stylesheets/skeleton.css">
<link rel="stylesheet" href="stylesheets/layout.css">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<!-- Google Analytics
================================================== -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30391259-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- JS
================================================== -->
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="javascripts/jquery.bxSlider.min.js" type="text/javascript"></script>
<script src="javascripts/debounce.js"></script>
<script>
var slider;
$(document).ready(function() {
slider = $('#projects').bxSlider({
controls: false,
pager: true,
pagerType: "short"
});
$('#projects-window a.button.previous').click(function(){
slider.goToPreviousSlide();
return false;
});
$('#projects-window a.button.next').click(function(){
slider.goToNextSlide();
return false;
});
$(window).resize($.debounce(500, function() {
// Handle your resize only once total, after a one second calm.
slider.reloadShow();
}));
});
</script>
</head>
<body>
<!-- Primary Page Layout
================================================== -->
<div id="info-wrap">
<div id="info" class="container">
<div id="header" class="sixteen columns">
<img src="images/little_jarad.png" alt="Little Jarad" />
<h1>Jarad Comingdeer.</h1>
<h2>Illustrator, Designer, Developer.</h2>
<p>I am a front-end web developer based in San Diego, California. I love making applications that look great, and work even better.</p>
</div>
<div class="eight columns">
<h3>Priorities</h3>
<ul class="square">
<li><strong>Usability First</strong>: Web applications are tools first. If you can't use it, no amount of bells and whistles are going to fix it.</li>
<li><strong>Flexible Development</strong>: Design changes and code will break. Developing flexible products ensures longevity and painless changes down the road.</li>
<li><strong>Give It A Soul</strong>: Style and presentation go a long way. Setting the right tone enhances experiences and can be the difference between good and <em>blow-your-pants-off awesome.</em></li>
</ul>
</div>
<div class="eight columns">
<h3>Details</h3>
<ul class="square">
<li><strong>5+ years</strong> experience developing everything from static webpages to full-fledged mobile and desktop applications.</li>
<li><strong>Bachelor of Science</strong> in Interactive Media Design from the Art Institute of California, San Diego. Yes, I went to one of those 'Art' schools.</li>
<li><strong>Comprehensive Front-end Developer</strong> focused on iterative development, responsive web design, and drawing fun guys like this. <img class="fluffy" src="images/Fluffy.png" alt="Rawr!"></li>
</ul>
</div>
</div><!-- container -->
</div>
<div id="projects-title">
<h3 class="container">Latest Projects</h3>
</div><!-- projects-title -->
<div id="projects-window">
<a class="button previous"><img src="images/left_arrow.png" /></a>
<a class="button next"><img src="images/right_arrow.png" /></a>
<div id="projects">
<div class="project">
<div class="container">
<div class="display eight columns offset-by-one">
<img src="images/project_images/swipebright.png" alt="SwipeBright">
</div>
<div class="description six columns">
<h4>SwipeBright</h4>
<p>SwipeBright is a really simple iPhone brightness control. I found myself having trouble adjusting the brightness when I was driving, skiing, or doing something else active. It only took two days to write but it has saved me tons of headaches trying to turn up the brightness when I'm on the go.</p>
<a class="button" href="http://jaradcomingdeer.com/swipebright">SwipeBright Homepage</a>
</div>
</div>
</div>
<div class="project">
<div class="container">
<div class="display eight columns offset-by-one">
<img src="images/project_images/qrawr.png" alt="Qrawr">
</div>
<div class="description six columns">
<h4>Qrawr</h4>
<p>Qrawr is a QR code based message board. Allows you to post comments and pictures on a physical object using QR codes.</p>
<a class="button" href="http://qrawr.com">Qrawr.com</a>
<h5>Collaborators:</h5>
<ul class="collaborators">
<li><a href="http://jayswain.com"><img src="images/collaborators/jay.png" title="Jay Swain" /><span class="tooltip">Jay Swain</span></a></li>
<li><a href="http://swig505.com"><img src="images/collaborators/brian.png" title="Brian Smith" /><span class="tooltip">Brian Smith</span></a></li>
<li><a href="http://nicstauber.com"><img src="images/collaborators/nic.png" title="Nic Stauber"/><span class="tooltip">Nic Stauber</span></a></li>
</ul>
</div>
</div>
</div>
<div class="project">
<div class="container">
<div class="display eight columns offset-by-one">
<img src="images/project_images/jaradandjasmine.png" alt="Jarad &amp; Jasmine">
</div>
<div class="description six columns">
<h4>Jarad &amp; Jasmine</h4>
<p>Website, invitations, engagement photos. Getting married is exhausting. At least I had a chance to do a fun fixed-background website. Thanks to <a href="http://niteowlvisuals.com">Hooter Hicks</a> for the amazing engagement photos.</p>
<a class="button" href="http://jaradandjasmine.com">JaradAndJasmine.com</a>
<h5>Collaborators:</h5>
<ul class="collaborators">
<li><a href="http://niteowlvisuals.com"><img src="images/collaborators/hooter.png" title="Hooter Hicks" /><span class="tooltip">Hooter Hicks</span></a></li>
</ul>
</div>
</div>
</div>
<div class="project">
<div class="container">
<div class="display eight columns offset-by-one">
<img src="images/project_images/windigo.png" alt="Windigo">
</div>
<div class="description six columns">
<h4>Windigo Surf Boards</h4>
<p>Wordpress and BigCartel theme for Windigo Surf Boards. Both themes match each other to provide a seamless experience when moving between the store and the blog.</p>
<a class="button" href="http://windigosurf.com">WindigoSurfBoards.com</a>
<h5>Collaborators:</h5>
<ul class="collaborators">
<li><a href="http://niteowlvisuals.com"><img src="images/collaborators/hooter.png" title="Hooter Hicks" /><span class="tooltip">Hooter Hicks</span></a></li>
</ul>
</div>
</div>
</div>
<div class="project">
<div class="container">
<div class="display eight columns offset-by-one">
<img src="images/project_images/buckhoist.png" alt="Buck Trucks %amp; Hoist">
</div>
<div class="description six columns">
<h4>Custom Shopify Theme</h4>
<p>The guys running Buck Skate Trucks and Hoist Standup Paddle Boards needed a custom Shopify theme that would work with both individual stores.</p>
<a class="button" href="http://buckskatetrucks.com/collections/all">BuckSkateTrucks.com</a>
<a class="button" href="http://hoistsup.com">Hoistsup.com</a>
<h5>Collaborators:</h5>
<ul class="collaborators">
<li><a href="http://niteowlvisuals.com"><img src="images/collaborators/hooter.png" title="Hooter Hicks" /><span class="tooltip">Hooter Hicks</span></a></li>
</ul>
</div>
</div>
</div>
<div class="project">
<div class="container">
<div class="display eight columns offset-by-one">
<img src="images/project_images/zui.png" alt="Zui.com Be Curious Promo">
</div>
<div class="description six columns">
<h4>Zui.com 'Be Curious' Promotional</h4>
<p>10, 15, and 30 second promotional spots for Zui.com. Made with Motion and some custom vector graphics.</p>
<a class="button" href="http://vimeo.com/40558692">Watch the Video</a>
</div>
</div>
</div>
</div><!-- projects -->
</div><!-- projects-window -->
<div id="footer-wrap">
<div id="footer" class="container">
<div id="footer-nav"class="eight columns">
<ul>
<li><a class="button" href="http://twitter.com/TheBrownSound" title="Twitter"><img src="images/twitter_icon.png" alt="Twitter" /></a></li>
<li><a class="button" href="http://github.com/TheBrownSound" title="GitHub"><img src="images/github_icon.png" alt="GitHub" /></a></li>
<li><a class="button" href="http://www.linkedin.com/in/jcomingdeer" title="LinkedIn"><img src="images/linkedin_icon.png" alt="LinkedIn" /></a></li>
<li><a class="button" href="mailto:hello@jcomingdeer.com" title="email"><img src="images/email_icon.png" alt="Email" /></a></li>
</ul>
</div>
<div class="eight columns">
<p>Thanks to <a href="http://github.com">GitHub</a>, <a href="http://getskeleton.com">Skeleton</a> and <a href="http://bxslider.com/">bxSlider</a>. &nbsp;ಠ‿ಠ<br />&copy; Jarad Comingdeer. All Rights Reserved 2012</p>
</div>
</div>
</div>
<!-- End Document
================================================== -->
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.