<!DOCTYPE html>
<!--[if IEMobile 7 ]><html id="blaskan" class="no-js iem7" dir="ltr" lang="en-US"><![endif]-->
<!--[if lt IE 7 ]><html id="blaskan" class="no-js ie6" dir="ltr" lang="en-US"><![endif]-->
<!--[if IE 7 ]><html id="blaskan" class="no-js ie7" dir="ltr" lang="en-US"><![endif]-->
<!--[if IE 8 ]><html id="blaskan" class="no-js ie8" dir="ltr" lang="en-US"><![endif]-->
<!--[if IE 9 ]><html id="blaskan" class="no-js ie9" dir="ltr" lang="en-US"><![endif]-->
<!--[if (gt IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html id="blaskan" class="no-js" dir="ltr" lang="en-US"><!--<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Chelsea+Market' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>
<head>
	<meta charset="UTF-8">
	<title>azpunkazme Surf Punk Skate Gaming Tech and Design</title>
	
		<style type='text/css'>
		/**
		 * Bulletproof syntax:
		 * http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax
		 * Font files generated by Font Squirrel:
		 * http://www.fontsquirrel.com
		 * License: Open Font License. See http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/OFL.txt.
		 */
		@font-face {
			font-family: 'LeagueGothic';
			src: url('http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/fonts/league_gothic-webfont.eot'); /* IE9 Compat Modes */
			src: url('http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/fonts/league_gothic-webfont.eot?iefix') format('eot'), /* IE6-IE8 */
			     url('http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/fonts/league_gothic-webfont.woff') format('woff'), /* Modern Browsers */
			     url('http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/fonts/league_gothic-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
			     url('http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/fonts/league_gothic-webfont.svg#webfont3nLbXkSC') format('svg'); /* Legacy iOS */
		}
		</style>
		<link rel="alternate" type="application/rss+xml" title="azpunkazme Web design, surfing, punk rock, gaming and life &raquo; Feed" href="http://www.azpunkazme.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="azpunkazme Web design, surfing, punk rock, gaming and life &raquo; Comments Feed" href="http://www.azpunkazme.com/comments/feed/" />
<link rel='stylesheet' id='blaskan-framework-css'  href='http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/framework.css?ver=3.3.1' type='text/css' media='screen' />
<link rel='stylesheet' id='blaskan-style-css'  href='http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/style.css?ver=3.3.1' type='text/css' media='screen' />
<link rel='stylesheet' id='contact-form-7-css'  href='http://www.azpunkazme.com/wp-content/plugins/contact-form-7/styles.css?ver=3.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='afg_css-css'  href='http://www.azpunkazme.com/wp-content/plugins/awesome-flickr-gallery-plugin/afg.css?ver=3.3.1' type='text/css' media='all' />
<link rel='stylesheet' id='lightboxStyle-css'  href='http://www.azpunkazme.com/wp-content/plugins/lightbox-plus/css/shadowed/colorbox.css?ver=2.0.2' type='text/css' media='screen' />
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js?ver=3.3.1'></script>
<script type='text/javascript' src='http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/js/libs/modernizr.min.js?ver=3.3.1'></script>
<script type='text/javascript' src='http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/js/libs/jquery.fitvids.js?ver=3.3.1'></script>
<script type='text/javascript' src='http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/js/mylibs/helper.js?ver=3.3.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var objectL10n = {"blaskan_navigation_title":"- Navigation -"};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/js/script.js?ver=3.3.1'></script>

<!-- All in One SEO Pack 1.6.14.2 by Michael Torbert of Semper Fi Web Design[946,1067] -->
<meta name="description" content="Web designer, surfer, punk skateboarder and gamer who also loves Mountain biking and new technologies like HTML5 and CSS3." />
<meta name="keywords" content="Web Design, Surfing, Punk rock, punk, surf, html5, CSS, Responsive web design, art, music, nintendo, gaming, pc, technology" />
<link rel="canonical" href="http://www.azpunkazme.com/" />
<!-- /all in one seo pack -->
<style type="text/css">/* Start writing your custom CSS here */</style><link rel="stylesheet" href="http://www.azpunkazme.com/wp-content/plugins/digg-digg/include/../css/diggdigg-style.css?ver=5.2.4" type="text/css" media="screen" /><link rel="pingback" href="http://www.azpunkazme.com/xmlrpc.php"><meta name="HandheldFriendly" content="True"><meta name="MobileOptimized" content="320"><meta name="viewport" content="width=device-width"><meta http-equiv="cleartype" content="on"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">	    <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-29922760-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>
</head>
<body class="home blog simple-menu sidebars">
<div id="site">
	<div id="wrapper">
		<header id="header" role="banner">
		  <h1 id="site-name"><a href="http://www.azpunkazme.com/" title="azpunkazme Web design, surfing, punk rock, gaming and life" rel="home">azpunkazme Web design, surfing, punk rock, gaming and life</a></h1><div id="header-message">Web Design, Tech, Surfing, Skateboarding &amp; Rants!</div><nav id="nav" role="navigation"><div class="menu"><ul id="menu-main-nav-1" ><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-37"><a title="design in all it forms" href="http://www.azpunkazme.com/category/design/">Design</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-45"><a title="punk rock baby!" href="http://www.azpunkazme.com/category/punk/">Punk</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-42"><a title="surfing" href="http://www.azpunkazme.com/category/surfing/">Surfing</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-51"><a title="Lifestyle" href="http://www.azpunkazme.com/category/lifestyle/">Lifestyle</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-107"><a title="Anything that&#8217;s happening now" href="http://www.azpunkazme.com/category/current-news/">Current News</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-387"><a href="http://www.azpunkazme.com/contact/">Contact</a></li>
</ul></div></nav>		</header>
		<!-- / #header -->
				
		<section id="content" role="main">
			


   
	
			
		<article id="post-563" class="post-563 post type-post status-publish format-standard hentry category-webdesign tag-design-process tag-fireworks tag-html tag-moodboard tag-photoshop tag-web-design">
			<header>
								
			  				  <time datetime="2012-04-07T12:57:55+00:00" pubdate>April 7, 2012</time>
								
									<h1>
						<a href="/design/webdesign/mood-boarding-before-webdesign/" title="Permalink to Before wireframing, before designing before anything&#8230; Mood Board!">
							Before wireframing, before designing before anything&#8230; Mood Board!						</a>
					</h1>
							</header>
		
			<div class="content">
					            <p>The very first thing I do when designing a new site is to mood board, simply fire up Fireworks, Photoshop or whatever you use and throw ideas at it. They don&#8217;t have to adhere to any rules of design, it&#8217;s simply a visual way of digitally brainstorming your thoughts and initial concepts onto the screen. [...]</p>
 				
				<a href="http://www.azpunkazme.com/design/webdesign/mood-boarding-before-webdesign/"> Read More...</a>
					
					
			</div>
			<!-- / .content -->
			
			<footer>
			  				  <span class="author"><span class="author-label">Written by</span> <a href="http://www.azpunkazme.com/author/admin/" title="Posts by azpunkazme" rel="author">azpunkazme</a></span>
													<span class="comments"><a href="http://www.azpunkazme.com/design/webdesign/mood-boarding-before-webdesign/#respond" title="Comment on Before wireframing, before designing before anything&#8230; Mood Board!">No comments</a></span>
													<span class="categories">
						<span class="categories-label">Posted in</span> <a href="http://www.azpunkazme.com/category/design/webdesign/" title="View all posts in Web design" rel="category tag">Web design</a>					</span>
													<span class="tags">
						<span class="tags-label">Tagged with</span> <a href="http://www.azpunkazme.com/tag/design-process/" rel="tag">Design Process</a>, <a href="http://www.azpunkazme.com/tag/fireworks/" rel="tag">Fireworks</a>, <a href="http://www.azpunkazme.com/tag/html/" rel="tag">HTML</a>, <a href="http://www.azpunkazme.com/tag/moodboard/" rel="tag">Moodboard</a>, <a href="http://www.azpunkazme.com/tag/photoshop/" rel="tag">Photoshop</a>, <a href="http://www.azpunkazme.com/tag/web-design/" rel="tag">web design</a>					</span>
								
							</footer>
		</article>
		<!-- / #post-563 -->

				
				
		

   
	
			
		<article id="post-536" class="post-536 post type-post status-publish format-standard hentry category-surfing tag-bells-beach tag-kelly-slater tag-mick-fanning tag-surfing-2">
			<header>
								
			  				  <time datetime="2012-04-06T18:00:41+00:00" pubdate>April 6, 2012</time>
								
									<h1>
						<a href="/surfing/mick-fanning-rings-the-2012-bell-at-rip-curl-pro/" title="Permalink to Mick Fanning Rings the 2012 Bell at Rip Curl Pro">
							Mick Fanning Rings the 2012 Bell at Rip Curl Pro						</a>
					</h1>
							</header>
		
			<div class="content">
					            <p>After another great day on the Victorian coast, Mick Fanning has reigned supreme this year, achieving one of surfing&#8217;s highest accolades &#8211; The ringing of the Bell! The contest was looking pretty lame early on in the day as the tide reaked havoc on the swells consistency. On an increasing push and with far too [...]</p>
 				
				<a href="http://www.azpunkazme.com/surfing/mick-fanning-rings-the-2012-bell-at-rip-curl-pro/"> Read More...</a>
					
					
			</div>
			<!-- / .content -->
			
			<footer>
			  				  <span class="author"><span class="author-label">Written by</span> <a href="http://www.azpunkazme.com/author/admin/" title="Posts by azpunkazme" rel="author">azpunkazme</a></span>
													<span class="comments"><a href="http://www.azpunkazme.com/surfing/mick-fanning-rings-the-2012-bell-at-rip-curl-pro/#respond" title="Comment on Mick Fanning Rings the 2012 Bell at Rip Curl Pro">No comments</a></span>
													<span class="categories">
						<span class="categories-label">Posted in</span> <a href="http://www.azpunkazme.com/category/surfing/" title="View all posts in Surfing" rel="category tag">Surfing</a>					</span>
													<span class="tags">
						<span class="tags-label">Tagged with</span> <a href="http://www.azpunkazme.com/tag/bells-beach/" rel="tag">Bells Beach</a>, <a href="http://www.azpunkazme.com/tag/kelly-slater/" rel="tag">Kelly Slater</a>, <a href="http://www.azpunkazme.com/tag/mick-fanning/" rel="tag">Mick Fanning</a>, <a href="http://www.azpunkazme.com/tag/surfing-2/" rel="tag">surfing</a>					</span>
								
							</footer>
		</article>
		<!-- / #post-536 -->

				
				
		

   
	
			
		<article id="post-514" class="post-514 post type-post status-publish format-standard hentry category-webdesign tag-css-3 tag-html5 tag-less tag-twitter-bootstrap tag-wordpress-themes">
			<header>
								
			  				  <time datetime="" pubdate>April 6, 2012</time>
								
									<h1>
						<a href="/design/webdesign/twitter-bootstrap-with-wordpress/" title="Permalink to Twitter Bootstrap with WordPress">
							Twitter Bootstrap with WordPress						</a>
					</h1>
							</header>
		
			<div class="content">
					            <p>I have been learning WordPress for around a month now and recently came across the Twitter Bootstrap front-end code kit created by twitter designer Mark Otto and engineer fat. Having been a huge fan of using the awesome 960 Grid System with Drupal in the past. I fancied a change and Twitter Bootstrap seems to [...]</p>
 				
				<a href="http://www.azpunkazme.com/design/webdesign/twitter-bootstrap-with-wordpress/"> Read More...</a>
					
					
			</div>
			<!-- / .content -->
			
			<footer>
			  				  <span class="author"><span class="author-label">Written by</span> <a href="http://www.azpunkazme.com/author/admin/" title="Posts by azpunkazme" rel="author">azpunkazme</a></span>
													<span class="comments"><a href="http://www.azpunkazme.com/design/webdesign/twitter-bootstrap-with-wordpress/#comments" title="Comment on Twitter Bootstrap with WordPress"><span>5</span> Comments</a></span>
													<span class="categories">
						<span class="categories-label">Posted in</span> <a href="http://www.azpunkazme.com/category/design/webdesign/" title="View all posts in Web design" rel="category tag">Web design</a>					</span>
													<span class="tags">
						<span class="tags-label">Tagged with</span> <a href="http://www.azpunkazme.com/tag/css-3/" rel="tag">CSS 3</a>, <a href="http://www.azpunkazme.com/tag/html5/" rel="tag">html5</a>, <a href="http://www.azpunkazme.com/tag/less/" rel="tag">LESS</a>, <a href="http://www.azpunkazme.com/tag/twitter-bootstrap/" rel="tag">Twitter Bootstrap</a>, <a href="http://www.azpunkazme.com/tag/wordpress-themes/" rel="tag">WordPress themes</a>					</span>
								
							</footer>
		</article>
		<!-- / #post-514 -->

				
				
		

   
	
			
		<article id="post-488" class="post-488 post type-post status-publish format-standard hentry category-current-news tag-anonymous tag-china tag-hacking tag-hacktivism">
			<header>
								
			  				  <time datetime="2012-04-05T14:53:07+00:00" pubdate>April 5, 2012</time>
								
									<h1>
						<a href="/current-news/anonymous-go-hacking-round-china/" title="Permalink to Anonymous go hacking round China">
							Anonymous go hacking round China						</a>
					</h1>
							</header>
		
			<div class="content">
					            <p>Anonymous have unleashed numerous attacks on many Chinese government sites over the last few days, resulting in numerous defacement&#8217;s and official password/contact detail leakage. Recently the @youranonnews twitter account confirmed the inclusion of a new Chinese extension of the anonymous hacktivist group with an anonymouschina twitter account being setup about a month ago. The last [...]</p>
 				
				<a href="http://www.azpunkazme.com/current-news/anonymous-go-hacking-round-china/"> Read More...</a>
					
					
			</div>
			<!-- / .content -->
			
			<footer>
			  				  <span class="author"><span class="author-label">Written by</span> <a href="http://www.azpunkazme.com/author/admin/" title="Posts by azpunkazme" rel="author">azpunkazme</a></span>
													<span class="comments"><a href="http://www.azpunkazme.com/current-news/anonymous-go-hacking-round-china/#respond" title="Comment on Anonymous go hacking round China">No comments</a></span>
													<span class="categories">
						<span class="categories-label">Posted in</span> <a href="http://www.azpunkazme.com/category/current-news/" title="View all posts in Current News" rel="category tag">Current News</a>					</span>
													<span class="tags">
						<span class="tags-label">Tagged with</span> <a href="http://www.azpunkazme.com/tag/anonymous/" rel="tag">anonymous</a>, <a href="http://www.azpunkazme.com/tag/china/" rel="tag">china</a>, <a href="http://www.azpunkazme.com/tag/hacking/" rel="tag">hacking</a>, <a href="http://www.azpunkazme.com/tag/hacktivism/" rel="tag">hacktivism</a>					</span>
								
							</footer>
		</article>
		<!-- / #post-488 -->

				
				
		

   
	
			
		<article id="post-479" class="post-479 post type-post status-publish format-standard hentry category-surfing tag-gnarly tag-surf-video tag-surfing-2 tag-tahiti tag-teahupoo">
			<header>
								
			  				  <time datetime="2012-04-01T08:47:59+00:00" pubdate>April 1, 2012</time>
								
									<h1>
						<a href="/surfing/teahupoo-code-red-record-breaking-swell/" title="Permalink to Teahupoo Code Red Record Breaking Swell">
							Teahupoo Code Red Record Breaking Swell						</a>
					</h1>
							</header>
		
			<div class="content">
					            <p>Without a doubt the heaviest session ever to be witnessed at Teahupoo. When Laird (Hamilton) pwnd Teahupoo a few years back I amongst many thought it would never get better than that&#8230; Lairds wave was a cracker no question but this sickness is off the scale&#8230; Teahupoo as you probably already know is a break [...]</p>
 				
				<a href="http://www.azpunkazme.com/surfing/teahupoo-code-red-record-breaking-swell/"> Read More...</a>
					
					
			</div>
			<!-- / .content -->
			
			<footer>
			  				  <span class="author"><span class="author-label">Written by</span> <a href="http://www.azpunkazme.com/author/admin/" title="Posts by azpunkazme" rel="author">azpunkazme</a></span>
													<span class="comments"><a href="http://www.azpunkazme.com/surfing/teahupoo-code-red-record-breaking-swell/#respond" title="Comment on Teahupoo Code Red Record Breaking Swell">No comments</a></span>
													<span class="categories">
						<span class="categories-label">Posted in</span> <a href="http://www.azpunkazme.com/category/surfing/" title="View all posts in Surfing" rel="category tag">Surfing</a>					</span>
													<span class="tags">
						<span class="tags-label">Tagged with</span> <a href="http://www.azpunkazme.com/tag/gnarly/" rel="tag">gnarly</a>, <a href="http://www.azpunkazme.com/tag/surf-video/" rel="tag">Surf Video</a>, <a href="http://www.azpunkazme.com/tag/surfing-2/" rel="tag">surfing</a>, <a href="http://www.azpunkazme.com/tag/tahiti/" rel="tag">Tahiti</a>, <a href="http://www.azpunkazme.com/tag/teahupoo/" rel="tag">Teahupoo</a>					</span>
								
							</footer>
		</article>
		<!-- / #post-479 -->

				
				
		

   
	
			
		<article id="post-458" class="post-458 post type-post status-publish format-standard hentry category-government">
			<header>
								
			  				  <time datetime="2012-03-30T10:46:10+00:00" pubdate>March 30, 2012</time>
								
									<h1>
						<a href="/current-news/government/mad-cam-fueling-the-uks-dystopyian-nightmare/" title="Permalink to Mad Cam.. fueling the UK&#8217;s dystopyian nightmare">
							Mad Cam.. fueling the UK&#8217;s dystopyian nightmare						</a>
					</h1>
							</header>
		
			<div class="content">
					            <p>What a fun few days it&#8217;s been for drivers in the UK, is your tank &#8220;topped up&#8221;? Maybe you have stock piles of fuel hidden away in your garage as recommended by the Conservative party earlier this week? Fuel sales have increased by some 400% due to the perceived threat of a strike that isn&#8217;t [...]</p>
 				
				<a href="http://www.azpunkazme.com/current-news/government/mad-cam-fueling-the-uks-dystopyian-nightmare/"> Read More...</a>
					
					
			</div>
			<!-- / .content -->
			
			<footer>
			  				  <span class="author"><span class="author-label">Written by</span> <a href="http://www.azpunkazme.com/author/admin/" title="Posts by azpunkazme" rel="author">azpunkazme</a></span>
													<span class="comments"><a href="http://www.azpunkazme.com/current-news/government/mad-cam-fueling-the-uks-dystopyian-nightmare/#respond" title="Comment on Mad Cam.. fueling the UK&#8217;s dystopyian nightmare">No comments</a></span>
													<span class="categories">
						<span class="categories-label">Posted in</span> <a href="http://www.azpunkazme.com/category/current-news/government/" title="View all posts in Government" rel="category tag">Government</a>					</span>
												
							</footer>
		</article>
		<!-- / #post-458 -->

				
				
		

   
	
			
		<article id="post-328" class="post-328 post type-post status-publish format-standard hentry category-government">
			<header>
								
			  				  <time datetime="2012-03-21T21:33:36+00:00" pubdate>March 21, 2012</time>
								
									<h1>
						<a href="/current-news/government/wirral-an-autonomous-political-state-or-hong-kong-phooey/" title="Permalink to Wirral an autonomous political state? Or Hong Kong Phooey?">
							Wirral an autonomous political state? Or Hong Kong Phooey?						</a>
					</h1>
							</header>
		
			<div class="content">
					            <p>A new political group are looking to take Wirral away from the rest of the UK and declare the peninsula as an independent political state. Going under the name of &#8216;Wirral First&#8217; their aim is to remove all political power from Whitehall and create a new Wirral in the form of a city-state. Similar in [...]</p>
 				
				<a href="http://www.azpunkazme.com/current-news/government/wirral-an-autonomous-political-state-or-hong-kong-phooey/"> Read More...</a>
					
					
			</div>
			<!-- / .content -->
			
			<footer>
			  				  <span class="author"><span class="author-label">Written by</span> <a href="http://www.azpunkazme.com/author/admin/" title="Posts by azpunkazme" rel="author">azpunkazme</a></span>
													<span class="comments"><a href="http://www.azpunkazme.com/current-news/government/wirral-an-autonomous-political-state-or-hong-kong-phooey/#comments" title="Comment on Wirral an autonomous political state? Or Hong Kong Phooey?"><span>1</span> Comment</a></span>
													<span class="categories">
						<span class="categories-label">Posted in</span> <a href="http://www.azpunkazme.com/category/current-news/government/" title="View all posts in Government" rel="category tag">Government</a>					</span>
												
							</footer>
		</article>
		<!-- / #post-328 -->

				
				
		

   
	
			
		<article id="post-312" class="post-312 post type-post status-publish format-standard hentry category-surfing tag-dubs tag-fistral tag-newquay tag-run-to-the-sun tag-surfing-2 tag-trevelgue tag-vdubs tag-vw">
			<header>
								
			  				  <time datetime="" pubdate>March 21, 2012</time>
								
									<h1>
						<a href="/surfing/run-to-the-sun-dubs-dance-driving-and-delightful-days/" title="Permalink to Run to the Sun&#8230; Dubs, Dance, Driving and Delightful Days..">
							Run to the Sun&#8230; Dubs, Dance, Driving and Delightful Days..						</a>
					</h1>
							</header>
		
			<div class="content">
					            <p>It&#8217;s that time of year again, when the trees throw out their blossom and the frigid ocean begins to warm. Thoughts invariably turn to Vee Dubs and the first migration down to Cornwall for a little taster of the finer things. This years no different, Run To The Sun is the first real VW based [...]</p>
 				
				<a href="http://www.azpunkazme.com/surfing/run-to-the-sun-dubs-dance-driving-and-delightful-days/"> Read More...</a>
					
					
			</div>
			<!-- / .content -->
			
			<footer>
			  				  <span class="author"><span class="author-label">Written by</span> <a href="http://www.azpunkazme.com/author/admin/" title="Posts by azpunkazme" rel="author">azpunkazme</a></span>
													<span class="comments"><a href="http://www.azpunkazme.com/surfing/run-to-the-sun-dubs-dance-driving-and-delightful-days/#respond" title="Comment on Run to the Sun&#8230; Dubs, Dance, Driving and Delightful Days..">No comments</a></span>
													<span class="categories">
						<span class="categories-label">Posted in</span> <a href="http://www.azpunkazme.com/category/surfing/" title="View all posts in Surfing" rel="category tag">Surfing</a>					</span>
													<span class="tags">
						<span class="tags-label">Tagged with</span> <a href="http://www.azpunkazme.com/tag/dubs/" rel="tag">dubs</a>, <a href="http://www.azpunkazme.com/tag/fistral/" rel="tag">fistral</a>, <a href="http://www.azpunkazme.com/tag/newquay/" rel="tag">newquay</a>, <a href="http://www.azpunkazme.com/tag/run-to-the-sun/" rel="tag">run to the sun</a>, <a href="http://www.azpunkazme.com/tag/surfing-2/" rel="tag">surfing</a>, <a href="http://www.azpunkazme.com/tag/trevelgue/" rel="tag">trevelgue</a>, <a href="http://www.azpunkazme.com/tag/vdubs/" rel="tag">vdubs</a>, <a href="http://www.azpunkazme.com/tag/vw/" rel="tag">vw</a>					</span>
								
							</footer>
		</article>
		<!-- / #post-312 -->

				
				
		

   
	
			
		<article id="post-299" class="post-299 post type-post status-publish format-standard hentry category-webdesign tag-design tag-form-design tag-html5 tag-localstorage tag-webforms">
			<header>
								
			  				  <time datetime="" pubdate>March 21, 2012</time>
								
									<h1>
						<a href="/design/webdesign/local-storage-no-more-form-rage/" title="Permalink to Local storage&#8230; No more form rage.">
							Local storage&#8230; No more form rage.						</a>
					</h1>
							</header>
		
			<div class="content">
					            <p>Ever filled in a webform only to have an issue with your browser or the website? Nothing makes users want to scream more than filling out forms only to have to fill them in again. How many conversions, users and prospects has your website lost due to bad form design. Sure, you can make them [...]</p>
 				
				<a href="http://www.azpunkazme.com/design/webdesign/local-storage-no-more-form-rage/"> Read More...</a>
					
					
			</div>
			<!-- / .content -->
			
			<footer>
			  				  <span class="author"><span class="author-label">Written by</span> <a href="http://www.azpunkazme.com/author/admin/" title="Posts by azpunkazme" rel="author">azpunkazme</a></span>
													<span class="comments"><a href="http://www.azpunkazme.com/design/webdesign/local-storage-no-more-form-rage/#respond" title="Comment on Local storage&#8230; No more form rage.">No comments</a></span>
													<span class="categories">
						<span class="categories-label">Posted in</span> <a href="http://www.azpunkazme.com/category/design/webdesign/" title="View all posts in Web design" rel="category tag">Web design</a>					</span>
													<span class="tags">
						<span class="tags-label">Tagged with</span> <a href="http://www.azpunkazme.com/tag/design/" rel="tag">Design</a>, <a href="http://www.azpunkazme.com/tag/form-design/" rel="tag">form design</a>, <a href="http://www.azpunkazme.com/tag/html5/" rel="tag">html5</a>, <a href="http://www.azpunkazme.com/tag/localstorage/" rel="tag">localStorage</a>, <a href="http://www.azpunkazme.com/tag/webforms/" rel="tag">webforms</a>					</span>
								
							</footer>
		</article>
		<!-- / #post-299 -->

				
				
		

   
	
			
		<article id="post-294" class="post-294 post type-post status-publish format-standard hentry category-webdesign">
			<header>
								
			  				  <time datetime="" pubdate>March 21, 2012</time>
								
									<h1>
						<a href="/design/webdesign/yo-mike-d/" title="Permalink to Yo Mike&#8230;D :)">
							Yo Mike&#8230;D :)						</a>
					</h1>
							</header>
		
			<div class="content">
					            <p>No not the Beastie Boys frontman! I am talking about Mike Developer, a buddy of mine who recently became qualified as a fully blown Front End Dev via CIW. Mike also has skills in PHP and other backend wizardry, He&#8217;s a cool, friendly guy and a bastion of interesting information about many things tech. Mike [...]</p>
 				
				<a href="http://www.azpunkazme.com/design/webdesign/yo-mike-d/"> Read More...</a>
					
					
			</div>
			<!-- / .content -->
			
			<footer>
			  				  <span class="author"><span class="author-label">Written by</span> <a href="http://www.azpunkazme.com/author/admin/" title="Posts by azpunkazme" rel="author">azpunkazme</a></span>
													<span class="comments"><a href="http://www.azpunkazme.com/design/webdesign/yo-mike-d/#respond" title="Comment on Yo Mike&#8230;D :)">No comments</a></span>
													<span class="categories">
						<span class="categories-label">Posted in</span> <a href="http://www.azpunkazme.com/category/design/webdesign/" title="View all posts in Web design" rel="category tag">Web design</a>					</span>
												
							</footer>
		</article>
		<!-- / #post-294 -->

				
				
		

	<nav class="post-nav" role="navigation">
		<div class="nav-previous"><a href="http://www.azpunkazme.com/page/2/?option=com_rd_rss&#038;id=4" >Older posts</a></div>
		<div class="nav-next"></div>
	</nav>
	<!-- / .post-nav -->
		</section>
		<!-- / #content -->
		
		
					<aside id="primary" role="complementary">
				<section id="text-6" class="widget widget_text">			<div class="textwidget"> <!--START MERCHANT:merchant name Bench from affiliatewindow.com.-->
                                                                                        			<a href="http://www.awin1.com/cread.php?s=182115&v=2249&q=98772&r=130309"><img src="http://www.awin1.com/cshow.php?s=182115&v=2249&q=98772&r=130309" border="0"></a>
                                                                <!--END MERCHANT:merchant name Bench from affiliatewindow.com-->
                                                        
                                </div>
		</section><section id="categories-4" class="widget widget_categories"><h3 class="title">Categories</h3>		<ul>
	<li class="cat-item cat-item-21"><a href="http://www.azpunkazme.com/category/current-news/" title="View all posts filed under Current News">Current News</a>
</li>
	<li class="cat-item cat-item-17"><a href="http://www.azpunkazme.com/category/lifestyle/diet/" title="View all posts filed under Diet">Diet</a>
</li>
	<li class="cat-item cat-item-22"><a href="http://www.azpunkazme.com/category/current-news/government/" title="View all posts filed under Government">Government</a>
</li>
	<li class="cat-item cat-item-26"><a href="http://www.azpunkazme.com/category/current-news/internet-shopping/" title="View all posts filed under Internet Shopping">Internet Shopping</a>
</li>
	<li class="cat-item cat-item-16"><a href="http://www.azpunkazme.com/category/lifestyle/" title="View all posts filed under lifestyle">lifestyle</a>
</li>
	<li class="cat-item cat-item-15"><a href="http://www.azpunkazme.com/category/punk/punk-randoms/" title="View all posts filed under Punk randoms">Punk randoms</a>
</li>
	<li class="cat-item cat-item-3"><a href="http://www.azpunkazme.com/category/surfing/" title="I love surfing and have done since my first introduction to the fine art at the age of 7! 30 years later I love it even more!">Surfing</a>
</li>
	<li class="cat-item cat-item-5"><a href="http://www.azpunkazme.com/category/design/webdesign/" title="Web Design related articles, musings and posts from my point of view">Web design</a>
</li>
		</ul>
</section><section id="wp_twitter_goodies_profile_widgets" class="widget widget_wp_twitter_goodies_profile"><h3 class="title">Twitter</h3><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({  version: 2,  type: 'profile',  rpp: 30,  interval: 5000,  width: 270,  height: 260,  theme: {    shell: {      background: '#F9F9F9',      color: '#222222'    },    tweets: {      background: '#F9F9F9',      color: '#222222',      links: '#257EA8'    }  },  features: {    scrollbar: false,    loop: true,    live: true,    hashtags: true,    timestamp: true,    avatars: false,    behavior: 'default'  }}).render().setUser('azpunkazme').start();</script></section>		</aside>
		<!-- / #primary -->
    
    		<aside id="secondary" role="complementary">
						<section id="recent-posts-2" class="widget widget_recent_entries">		<h3 class="title">Recent Posts</h3>		<ul>
				<li><a href="/design/webdesign/mood-boarding-before-webdesign/" title="Before wireframing, before designing before anything&#8230; Mood Board!">Before wireframing, before designing before anything&#8230; Mood Board!</a></li>
				<li><a href="/surfing/mick-fanning-rings-the-2012-bell-at-rip-curl-pro/" title="Mick Fanning Rings the 2012 Bell at Rip Curl Pro">Mick Fanning Rings the 2012 Bell at Rip Curl Pro</a></li>
				<li><a href="/design/webdesign/twitter-bootstrap-with-wordpress/" title="Twitter Bootstrap with WordPress">Twitter Bootstrap with WordPress</a></li>
				<li><a href="/current-news/anonymous-go-hacking-round-china/" title="Anonymous go hacking round China">Anonymous go hacking round China</a></li>
				<li><a href="/surfing/teahupoo-code-red-record-breaking-swell/" title="Teahupoo Code Red Record Breaking Swell">Teahupoo Code Red Record Breaking Swell</a></li>
				</ul>
		</section><section id="text-4" class="widget widget_text"><h3 class="title">My Flickr</h3>			<div class="textwidget"><!-- Awesome Flickr Gallery Start --><!-- - Version - 3.3.5 - User ID - 76854246@N08 - Photoset ID -  - Gallery ID -  - Group ID -  - Tags -  - Popular -  - Per Page - 6 - Sort Order - flickr - Photo Size - _t - Custom Size - 0 - Square - false - Captions - off - Description - off - Columns - 2 - Credit Note - off - Background Color - Transparent - Width - auto - Pagination - off - Slideshow - flickr - Disable slideshow? - --><div class='afg-gallery custom-gallery-1' style='background-color:Transparent; width:100%; color:; border-color:Transparent;'><div class='afg-table' style='width:100%'><div class='afg-row'><div class='afg-cell' style='width:50%;'><a   target='_blank' href='http://www.flickr.com/photos/76854246@N08/6874718694' title='Sub Planck Length Reality Emitting Raygun'><img class='afg-img' title='Sub Planck Length Reality Emitting Raygun' src='http://farm8.static.flickr.com/7117/6874718694_2b199b88e2_t.jpg' alt='Sub Planck Length Reality Emitting Raygun • &lt;a style=&quot;font-size:0.8em;&quot; href=&quot;http://www.flickr.com/photos/76854246@N08/6874718694/&quot; target=&quot;_blank&quot;&gt;View on Flickr&lt;/a&gt;'/></a></div><div class='afg-cell' style='width:50%;'><a   target='_blank' href='http://www.flickr.com/photos/76854246@N08/6989646113' title='Santa Cruz V10 carbon'><img class='afg-img' title='Santa Cruz V10 carbon' src='http://farm8.static.flickr.com/7199/6989646113_f34a87211e_t.jpg' alt='Santa Cruz V10 carbon • &lt;a style=&quot;font-size:0.8em;&quot; href=&quot;http://www.flickr.com/photos/76854246@N08/6989646113/&quot; target=&quot;_blank&quot;&gt;View on Flickr&lt;/a&gt;'/></a></div></div><div class='afg-row'><div class='afg-cell' style='width:50%;'><a   target='_blank' href='http://www.flickr.com/photos/76854246@N08/6983352193' title='Photo realistic iPad'><img class='afg-img' title='Photo realistic iPad' src='http://farm8.static.flickr.com/7040/6983352193_93bc341772_t.jpg' alt='Photo realistic iPad • &lt;a style=&quot;font-size:0.8em;&quot; href=&quot;http://www.flickr.com/photos/76854246@N08/6983352193/&quot; target=&quot;_blank&quot;&gt;View on Flickr&lt;/a&gt;'/></a></div><div class='afg-cell' style='width:50%;'><a   target='_blank' href='http://www.flickr.com/photos/76854246@N08/6836685378' title='azpunkazme wave'><img class='afg-img' title='azpunkazme wave' src='http://farm8.static.flickr.com/7057/6836685378_9e327fc9df_t.jpg' alt='azpunkazme wave • &lt;a style=&quot;font-size:0.8em;&quot; href=&quot;http://www.flickr.com/photos/76854246@N08/6836685378/&quot; target=&quot;_blank&quot;&gt;View on Flickr&lt;/a&gt;'/></a></div></div><div class='afg-row'><div class='afg-cell' style='width:50%;'><a   target='_blank' href='http://www.flickr.com/photos/76854246@N08/6982713519' title='anuhope'><img class='afg-img' title='anuhope' src='http://farm8.static.flickr.com/7181/6982713519_4f7dcc4855_t.jpg' alt='anuhope • &lt;a style=&quot;font-size:0.8em;&quot; href=&quot;http://www.flickr.com/photos/76854246@N08/6982713519/&quot; target=&quot;_blank&quot;&gt;View on Flickr&lt;/a&gt;'/></a></div><div class='afg-cell' style='width:50%;'><a   target='_blank' href='http://www.flickr.com/photos/76854246@N08/6836504288' title='ASP Pro tour map'><img class='afg-img' title='ASP Pro tour map' src='http://farm8.static.flickr.com/7201/6836504288_4e0c09d234_t.jpg' alt='ASP Pro tour map • &lt;a style=&quot;font-size:0.8em;&quot; href=&quot;http://www.flickr.com/photos/76854246@N08/6836504288/&quot; target=&quot;_blank&quot;&gt;View on Flickr&lt;/a&gt;'/></a></div></div></div></div><!-- Awesome Flickr Gallery End --> </div>
		</section><section id="meta-2" class="widget widget_meta"><h3 class="title">Meta</h3>			<ul>
						<li><a href="http://www.azpunkazme.com/wp-login.php">Log in</a></li>
			<li><a href="http://www.azpunkazme.com/feed/" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
			<li><a href="http://www.azpunkazme.com/comments/feed/" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
			<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
						</ul>
</section><section id="text-5" class="widget widget_text">			<div class="textwidget"><a href="http://game-online.at/azpunkazme?CTY=1&amp;CID=23268"><img src="http://b1.perfb.com/b1.php?ID=23268&amp;PURL=game-online.at/azpunkazme" border="0" /></a></div>
		</section>		</aside>
		<!-- / #secondary -->
    			
		
		<footer id="footer">
					</footer>
		<!-- / #footer -->
	</div>
	<!-- / #wrapper -->
</div>
<!-- / #site -->

<!-- Lightbox Plus v2.3 - 2011.08.11 - Message: -->
<script type="text/javascript">
jQuery(document).ready(function($){
  $("a[rel*=lightbox]").colorbox({opacity:0.8});
});
</script>

	<script>
	MBP.scaleFix();
	MBP.hideUrlBar();
	</script>
	<!--[if (lt IE 9) & (!IEMobile)]><script type="text/javascript" src="http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/js/libs/selectivizr.1.0.3b.js"></script><script type="text/javascript" src="http://www.azpunkazme.com/wp-content/themes/blaskan_childtheme/js/libs/respond.min.js"></script><![endif]--><script type='text/javascript' src='http://www.azpunkazme.com/wp-content/plugins/lightbox-plus/js/jquery.colorbox-min.js?ver=1.3.17.2'></script>
<script type='text/javascript' src='http://www.azpunkazme.com/wp-content/plugins/contact-form-7/jquery.form.js?ver=3.08'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/www.azpunkazme.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ..."};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.azpunkazme.com/wp-content/plugins/contact-form-7/scripts.js?ver=3.1.2'></script>
</body>
</html>