CINXE.COM
My Upcoming Posts - Mattias Hising - Product and Web Developer
<!DOCTYPE html> <!--[if IEMobile 7 ]><html class="no-js iem7"><![endif]--> <!--[if lt IE 9]><html class="no-js lte-ie8"><![endif]--> <!--[if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]--> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://hising.net:80/2011/02/my-upcoming-posts.html","20121217091737","https://web.archive.org/","web","/_static/", "1355735857"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <meta charset="utf-8"> <title>My Upcoming Posts - Mattias Hising - Product and Web Developer</title> <meta name="author" content="Mattias"> <meta name="description" content="Below you can find the upcoming blog posts on Frontendbook.com with a short excerpt for them. Please come with input if you find some of them more …"> <!-- http://t.co/dKP3o1e --> <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="canonical" href="https://web.archive.org/web/20121217091737/http://hising.net/2011/02/my-upcoming-posts.html"> <link href="/web/20121217091737im_/http://hising.net/favicon.png" rel="icon"> <link href="/web/20121217091737cs_/http://hising.net/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css"> <script src="/web/20121217091737js_/http://hising.net/javascripts/modernizr-2.0.js"></script> <script src="/web/20121217091737js_/http://hising.net/javascripts/ender.js"></script> <script src="/web/20121217091737js_/http://hising.net/javascripts/octopress.js" type="text/javascript"></script> <link href="/web/20121217091737/http://hising.net/atom.xml" rel="alternate" title="Mattias Hising - Product and Web Developer" type="application/atom+xml"> <!--Fonts from Google"s Web font directory at http://google.com/webfonts --> <link href="https://web.archive.org/web/20121217091737cs_/http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css"> <link href="https://web.archive.org/web/20121217091737cs_/http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css"> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-186744-31']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://web.archive.org/web/20121217091737/https://ssl' : 'https://web.archive.org/web/20121217091737/http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> <body> <header role="banner"><hgroup> <h1><a href="/web/20121217091737/http://hising.net/">Mattias Hising - Product and Web Developer</a></h1> <h2>How to build profitable high performance web products that user loves</h2> </hgroup> </header> <nav role="navigation"><ul class="subscription" data-subscription="rss"> <li><a href="/web/20121217091737/http://hising.net/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li> </ul> <form action="https://web.archive.org/web/20121217091737/http://google.com/search" method="get"> <fieldset role="search"> <input type="hidden" name="q" value="site:hising.net"/> <input class="search" type="text" name="q" results="0" placeholder="Search"/> </fieldset> </form> <ul class="main-navigation"> <li><a href="/web/20121217091737/http://hising.net/">Blog</a></li> <li><a href="/web/20121217091737/http://hising.net/blog/archives">Archives</a></li> </ul> </nav> <div id="main"> <div id="content"> <div> <article class="hentry" role="article"> <header> <h1 class="entry-title">My Upcoming Posts</h1> <p class="meta"> <time datetime="2011-02-28T21:08:36+01:00" pubdate data-updated="true">Feb 28<span>th</span>, 2011</time> </p> </header> <div class="entry-content"><p>Below you can find the upcoming blog posts on Frontendbook.com with a short excerpt for them. Please come with input if you find some of them more interesting than others.</p> <h3>jQuery Plugin Template</h3> <p>In this article I will show how easily you can write your own plugin template for jquery plugins. Having a template for this eases development and lets you get up to speed quickly. I will also share this template for Textmate so that you easily can use the best editor out there for writing your jQuery plugins.</p> <h3>Extend Google Analytics</h3> <p>In this post I will go into details on how you can extend Google Analytics to better suit your needs. We will look into custom reports, user types, tracking external links, tracking downloads and more. After reading this article you will be able to better track and analyze the behavior of your visitors.</p> <h3>Writing a SEO-friendly Widget</h3> <p>In this article we will go through the steps needed in order to setup a SEO-friendly widget. If someone is willing to put your content on their website, you should thank them, but you should also take the advantage to send some link-juice back to your site with the preferred keywords you are targeting. I show you how.</p> <h3>Piggybacking API-loading</h3> <p>Sometimes you will have to write some generic JavaScript code that can be used in a wide variety of environments, maybe on platforms not hosted by you (read our Writing a SEO-friendly Widget article) or maybe as script used in a plugin on some CMS or blogging platform. Of course you should make use of any of the nice libraries that exists (jQuery, Prototype, YUI, MooTools or Dojo) but at the same time, you should not distribute these libraries as a lot of websites already have them included, and if not better alternatives exists. I show you how.</p> <h3>The Zen of Internal Linking</h3> <p>Why is internal linking important? I see internal linking as way describing your content in a more dynamic and interactional type of pattern, adding usability to the user. Internal linking done right is very close to the first idea of hypertext or hyperlinking. Look at Wikipedia, they have taken internal linking to perfection. This article will discuss the philosophy and zen behind internal linking and discuss why and who users and search engines likes it.</p> </div> <footer> <p class="meta"> <span class="byline author vcard">Posted by <span class="fn">Mattias</span></span> <time datetime="2011-02-28T21:08:36+01:00" pubdate data-updated="true">Feb 28<span>th</span>, 2011</time> <span class="categories"> <a class="category" href="/web/20121217091737/http://hising.net/category/web-development/">Web Development</a> </span> </p> <div class="sharing"> <a href="https://web.archive.org/web/20121217091737/http://twitter.com/share" class="twitter-share-button" data-url="https://web.archive.org/web/20121217091737/http://hising.net/2011/02/my-upcoming-posts.html" data-via="hising" data-counturl="http://hising.net/2011/02/my-upcoming-posts.html">Tweet</a> <div class="g-plusone" data-size="medium"></div> <div class="fb-like" data-send="true" data-width="450" data-show-faces="false"></div> </div> <p class="meta"> <a class="basic-alignment left" href="/web/20121217091737/http://hising.net/2011/02/how-to-get-started-on-html5.html" title="Previous Post: How to get started on HTML5">« How to get started on HTML5</a> <a class="basic-alignment right" href="/web/20121217091737/http://hising.net/2011/03/redirect-www-to-non-www-on-nginx.html" title="Next Post: Redirect www to non-www on nginx">Redirect www to non-www on nginx »</a> </p> </footer> </article> </div> <aside class="sidebar"> <section> <h1>About</h1> <p>I run my own business, <a href="https://web.archive.org/web/20121217091737/http://ridgestreet.com/">80 Ridge Street Media</a> (<a href="https://web.archive.org/web/20121217091737/http://ridgestreet.se/">Svenska</a>). I build profitable web products. I am available for consulting in User Experience, JavaScript, Python, Product Management and Web Performance Tuning. Send me an email at <a href="https://web.archive.org/web/20121217091737/mailto:mattias@rdg.st">mattias@rdg.st</a> if you are interested in discussing consultant gigs.</p> </section> <section> <h1>Recent Posts</h1> <ul id="recent_posts"> <li class="post"> <a href="/web/20121217091737/http://hising.net/2011/11/fixing-sass-watch-on-os-x-lion.html">Fixing SASS --watch on OS X Lion</a> </li> <li class="post"> <a href="/web/20121217091737/http://hising.net/2011/11/mumrik-2-work-has-started.html">Mumrik 2 - Work has started</a> </li> <li class="post"> <a href="/web/20121217091737/http://hising.net/2011/06/if-developers-were-to-try-a-real-job-carpenter.html">If Developers Were To Try a Real Job - Carpenter</a> </li> <li class="post"> <a href="/web/20121217091737/http://hising.net/2011/04/action-is-the-killer-app.html">Action is the Killer App</a> </li> <li class="post"> <a href="/web/20121217091737/http://hising.net/2011/03/you-cant-fight-youth.html">You Can't Fight Youth</a> </li> <li class="post"> <a href="/web/20121217091737/http://hising.net/2011/03/web-performance-django-cms-and-smileys.html">Web Performance, Django CMS and Smileys</a> </li> <li class="post"> <a href="/web/20121217091737/http://hising.net/2011/03/redirect-www-to-non-www-on-nginx.html">Redirect www to non-www on nginx</a> </li> <li class="post"> <a href="/web/20121217091737/http://hising.net/2011/02/my-upcoming-posts.html">My Upcoming Posts</a> </li> <li class="post"> <a href="/web/20121217091737/http://hising.net/2011/02/how-to-get-started-on-html5.html">How to get started on HTML5</a> </li> <li class="post"> <a href="/web/20121217091737/http://hising.net/2011/02/my-thoughts-on-apple-subscriptions.html">My Thoughts on Apple Subscriptions</a> </li> </ul> </section> <section> <h1>GitHub Repos</h1> <ul id="gh_repos"> <li class="loading">Status updating...</li> </ul> <a href="https://web.archive.org/web/20121217091737/https://github.com/hising">@hising</a> on GitHub <script type="text/javascript"> $.domReady(function(){ if (!window.jXHR){ var jxhr = document.createElement('script'); jxhr.type = 'text/javascript'; jxhr.src = '/javascripts/libs/jXHR.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(jxhr, s); } github.showRepos({ user: 'hising', count: 0, skip_forks: true, target: '#gh_repos' }); }); </script> <script src="/web/20121217091737js_/http://hising.net/javascripts/github.js" type="text/javascript"> </script> </section> <section> <h1>Latest Tweets</h1> <ul id="tweets"> <li class="loading">Status updating...</li> </ul> <script type="text/javascript"> $.domReady(function(){ getTwitterFeed("hising", 4, false); }); </script> <script src="/web/20121217091737js_/http://hising.net/javascripts/twitter.js" type="text/javascript"> </script> <a href="https://web.archive.org/web/20121217091737/http://twitter.com/hising" class="twitter-follow-button" data-show-count="true">Follow @hising</a> </section> <section class="googleplus"> <h1> <a href="https://web.archive.org/web/20121217091737/https://plus.google.com/108159897663209173007?rel=author"> <img src="https://web.archive.org/web/20121217091737im_/http://www.google.com/images/icons/ui/gprofile_button-32.png" width="32" height="32"> Google+ </a> </h1> </section> </aside> </div> </div> <footer role="contentinfo"><p> Copyright © 2012 - Mattias - <span class="credit">Powered by <a href="https://web.archive.org/web/20121217091737/http://octopress.org/">Octopress</a></span> </p> </footer> <script type="text/javascript"> var disqus_shortname = 'hising'; var disqus_script = 'count.js'; (function () { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = 'http://' + disqus_shortname + '.disqus.com/' + disqus_script; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); }()); </script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//web.archive.org/web/20121217091737/http://connect.facebook.net/en_US/all.js#appId=212934732101925&xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true; script.src = 'https://web.archive.org/web/20121217091737/https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s); })(); </script> <script type="text/javascript"> (function(){ var twitterWidgets = document.createElement('script'); twitterWidgets.type = 'text/javascript'; twitterWidgets.async = true; twitterWidgets.src = 'https://web.archive.org/web/20121217091737/http://platform.twitter.com/widgets.js'; document.getElementsByTagName('head')[0].appendChild(twitterWidgets); })(); </script> </body> </html> <!-- FILE ARCHIVED ON 09:17:37 Dec 17, 2012 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 22:54:22 Nov 24, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 7.005 exclusion.robots: 0.026 exclusion.robots.policy: 0.017 esindex: 0.012 cdx.remote: 33.927 LoadShardBlock: 190.926 (3) PetaboxLoader3.datanode: 110.047 (4) PetaboxLoader3.resolve: 218.921 (2) load_resource: 195.166 -->