<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
                <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <title>Articles, Tutorials &amp; Guides | Sharks Never Sleep</title>
                <meta name="keywords" content="Sharks never Sleep, HTML5, CSS3, jQuery, Coldfusion, SEO, SQL, web development, London, UK, tutorials">
                <meta name="viewport" content="width=device-width">
        <meta name="author" content="Christian Armstrong">


        <!-- FAVICON & APPLE TOUCH ICONS -->
        <link rel="shortcut icon" href="/img/icons/favicon.ico?id=15082013" />
        <link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-precomposed.png" />
        <link rel="apple-touch-icon" sizes="72x72" href="/img/icons/apple-touch-icon-72x72-precomposed.png" />
        <link rel="apple-touch-icon" sizes="114x114" href="/img/icons/apple-touch-icon-114x114-precomposed.png" />
        <link rel="apple-touch-icon" sizes="144x144" href="/img/icons/apple-touch-icon-144x144-precomposed.png" />

        <!-- FACEBOOK OPEN GRAPH -->
        <meta property="og:title" content="Articles, Tutorials & Guides | Sharks Never Sleep" />
        <meta property="og:type" content="article" />
        <meta property="og:url" content="http://www.sharksneversleep.co.uk/articles/" />
        <meta property="og:image" content="http://www.sharksneversleep.co.uk/img/layout/logo_opengraph.png" />
        <meta property="og:site_name" content="Sharks Never Sleep" />

        <!-- CANONICAL -->
        <link rel="canonical" href="http://www.sharksneversleep.co.uk/articles/"/>
        
        <!-- CSS -->
        <link rel="stylesheet" href="/css/master.css">

        <!-- RSS Feed -->
        <link rel="alternate" type="application/rss+xml" title="Sharks Never Sleep RSS Feed" href="http://feeds.feedburner.com/sharksneversleep" />


<link href="/js/google-code-prettify/obsidian.css" type="text/css" rel="stylesheet" />

    <!-- MODERNIZR -->
    <script defer src="/js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>

        <!-- HEADER -->
        <header id="siteHeader">

            <!-- LOGO, STRAPLINE AND SOCIAL CONTAINER -->
            <div class="container_12 clearfix">
                <div class="grid_12 logo_row clearfix">

                    <!-- LEFT COLUMN / LOGO AND STRAPLINE -->
                    <div class="grid_8 alpha">
                        <!-- LOGO -->
                        <a href="/"><img src="/img/logo/sharks-never-sleep-logo.svg" width="100px" height="100px" id="logo" alt="Sharks Never Sleep Logo" /></a>
                        <!-- STRAPLINE -->
                        <hgroup>
                        <h1><a href="/">Sharks Never Sleep</a></h1>
                        <h2>Website Design &amp; Development</h2>
                        </hgroup>
                    </div>

                    <!-- RIGHT COLUMN / SOCIAL NAVIGATION (NOT MOBILE) -->
                    <div class="grid_4 omega desktop">

                        <!-- SOCIAL NAVIGATION -->
                        <ul id="socialHeader">
                            <li><div id="qrWidget"></div></li>
                            <li><a href="http://pinterest.com/sharksneverpin" target="_blank" title="Pinterest" class="social_icon s_pinterest">Pinterest</a></li>
                            <li><a href="http://www.facebook.com/sharksneversleepdesign" target="_blank" title="Facebook" class="social_icon s_facebook">Facebook</a></li>
                            <li><a href="http://twitter.com/sharksNeverPost" target="_blank" title="Twitter" class="social_icon s_twitter">Twitter</a></li>
                            <li><a href="/rss.xml" target="_blank" title="RSS" class="social_icon s_rss">RSS</a></li>
                            <li><a href="http://github.com/sharksneversleep" target="_blank" title="Git Hub" class="social_icon s_github">Github</a></li>
                        </ul>

                    </div>

                </div>
            </div>

            
            <!-- NAVIGATION CONTAINER -->
            <div class="container_12 clearfix">
                <div class="grid_12">

                    <!-- menu toggle displayed on mobile view -->
                    <div id="menuToggle" class="mobile">Menu</div>

                    <!-- NAVIGATION -->
                    <nav id="topNavigation" role="navigation">
                        <ul class="clearfix">
                            <li class="mobile"><a href="/articles/" class="nav_link_on">Latest Posts</a></li>                            <li class="desktop"><a href="/articles/" class="nav_link_on">Latest Posts</a></li>                            <li><a href="/articles/html/">HTML</a></li>                            <li><a href="/articles/css/">CSS</a></li>                            <li><a href="/articles/javascript/">Javascript</a></li>                                                         <li><a href="/articles/git/">GIT</a></li>                        </ul>
                    </nav>

                </div>
            </div>

        </header>

<div class="container_12 clearfix" role="main">

    <!-- BREADCRUMB -->
    <div class="grid_12">
        <nav class="blog_breadcrumb">
            <ul>
                <li><a href="/">Home</a></li>
                <li>&gt;</li>
                <li><a href="/articles/">Articles</a></li>
            </ul>
        </nav>
    </div>

    <div class="clear"></div>

    <!-- calculate pages -->
    
    <!-- Blog Post listing -->
    <article class="grid_8">

        <h2 class="blog_category_header">Latest Posts</h2>
        <p class="blog_category_description">Browse through all of the posts available, or filter from the category listings</p>

        <div class="scroll_content">

                <div class="blog_link_post_row"><h3 class="blog_link_post_title"><a href="/articles/ruby/introduction-to-ruby-on-rails/">Introduction to Ruby on Rails</a></h3><div class="blog_link_post_description">An introduction to the use of the rails library with Ruby.</div><div class="blog_link_post_date"><a href="/articles/ruby/introduction-to-ruby-on-rails/">READ POST</a> | <a href="/articles/ruby/">Ruby</a> | Tuesday 11th March 2014</div></div><div class="clear"></div><div class="blog_link_post_row"><h3 class="blog_link_post_title"><a href="/articles/ruby/introduction-to-ruby/">Introduction to Ruby</a></h3><div class="blog_link_post_description">Introduction to the Ruby programming language.</div><div class="blog_link_post_date"><a href="/articles/ruby/introduction-to-ruby/">READ POST</a> | <a href="/articles/ruby/">Ruby</a> | Monday 10th March 2014</div></div><div class="clear"></div><div class="blog_link_post_row"><h3 class="blog_link_post_title"><a href="/articles/javascript/prototypes---overriding-prototypal-methods/">Prototypes - Overriding Prototypal Methods</a></h3><div class="blog_link_post_description">How to override prototypal methods</div><div class="blog_link_post_date"><a href="/articles/javascript/prototypes---overriding-prototypal-methods/">READ POST</a> | <a href="/articles/javascript/">Javascript</a> | Sunday 9th March 2014</div></div><div class="clear"></div><div class="blog_link_post_row"><h3 class="blog_link_post_title"><a href="/articles/javascript/prototypes---inheritance-and-constructors/">Prototypes - Inheritance and Constructors</a></h3><div class="blog_link_post_description">Introduction to the use of Inheritance and constructors in Javascript Prototypes</div><div class="blog_link_post_date"><a href="/articles/javascript/prototypes---inheritance-and-constructors/">READ POST</a> | <a href="/articles/javascript/">Javascript</a> | Saturday 8th March 2014</div></div><div class="clear"></div><div class="blog_link_post_row"><h3 class="blog_link_post_title"><a href="/articles/javascript/javascript-prototypes/">Javascript Prototypes</a></h3><div class="blog_link_post_description">Introduction to Prototypes in javascript</div><div class="blog_link_post_date"><a href="/articles/javascript/javascript-prototypes/">READ POST</a> | <a href="/articles/javascript/">Javascript</a> | Friday 7th March 2014</div></div><div class="clear"></div><div class="blog_link_post_row"><h3 class="blog_link_post_title"><a href="/articles/javascript/using-javascript-objects/">Using Javascript Objects</a></h3><div class="blog_link_post_description">Using Javascript Objects</div><div class="blog_link_post_date"><a href="/articles/javascript/using-javascript-objects/">READ POST</a> | <a href="/articles/javascript/">Javascript</a> | Monday 3rd March 2014</div></div><div class="clear"></div>
        <!-- output paging -->
        <div class="pageNavigation"><a href="/articles/2/">View More Posts</a></div>
        </div>

    </article>

    <!-- RIGHT HAND ASIDE -->
    <div class="grid_1">&nbsp;</div>
    <aside class="grid_3">
        <div class="blog_sub_nav_container">
<h3>Categories</h3>
<div class="blog_sub_nav clearfix">
    <a href="/articles/">ALL POSTS</a>
    <a href="/articles/javascript/">Javascript (18)</a><a href="/articles/css/">CSS (3)</a><a href="/articles/html/">HTML (1)</a><a href="/articles/git/">GIT (4)</a><a href="/articles/ruby/">Ruby (2)</a></div>

</div>
    </aside>

    <div class="clear" style="height:10px;"></div>

</div> <!-- /container -->
<!-- FOOTER CONTAINER -->
<div class="container_12 clearfix">
    <div class="grid_12">

        <!-- FOOTER / COPYRIGHT & SOCIAL -->
        <footer id="siteFooter" class="clearfix">

            <!-- COPYRIGHT -->
            <div class="copyright desktop">&copy; Sharks Never Sleep 2026</div>

            <!-- SOCIAL NAVIGATION (NOT DESKTOP) -->
            <ul id="socialFooter" class="mobile">
                <li><a href="http://pinterest.com/sharksneverpin" target="_blank" title="Pinterest" class="social_icon s_pinterest">Pinterest</a></li>
                <li><a href="http://www.facebook.com/sharksneversleepdesign" target="_blank" title="Facebook" class="social_icon s_facebook">Facebook</a></li>
                <li><a href="http://twitter.com/sharksNeverPost" target="_blank" title="Twitter" class="social_icon s_twitter">Twitter</a></li>
                <li><a href="/rss.xml" target="_blank" title="RSS" class="social_icon s_rss">RSS</a></li>
                <li><a href="http://github.com/sharksneversleep" target="_blank" title="Git Hub" class="social_icon s_github">Github</a></li>
            </ul>

        </footer>
    </div>

</div>

<!-- FOOTER  NAVIGATION CONTAINER -->
<div class="container_12 footer_navigation_row clearfix">

    <div class="grid_2 desktop">

        <!-- NAVIGATION -->
        <div class="content_padding">
            <nav class="footerNavigation">
                <ul class="clearfix">
                    <li><a href="/">Home</a></li>
                    <li><a href="/articles/">Latest Posts</a></li>
                </ul>
            </nav>
        </div>

    </div>

    <div class="grid_2">
        <!-- NAVIGATION -->
        <div class="content_padding">
            <nav class="footerNavigation">
                <ul class="clearfix">
                    <!--<li><a href="/contact/">Contact Us</a></li>-->
                    <li><a href="/about/">About the Author</a></li>
                    <li><a href="/privacy/privacy-policy/">Privacy Policy</a></li>
                    <li><a href="/privacy/cookie-policy/">Cookie Policy</a></li>
                </ul>
            </nav>
        </div>
    </div>

    <div class="grid_4 desktop">&nbsp;</div>

    <div class="grid_4">

        <!-- NAVIGATION -->
        <div class="content_padding">
            <nav class="footerAddressNavigation">
                <ul class="clearfix">
                    <!-- <li>+44 123 456 789</li> -->
                    <!-- <li><a href="">contact@sharksneversleep.co.uk</a></li> -->
                    <!-- COPYRIGHT -->
                    <div class="copyright mobile">&copy; Sharks Never Sleep 2013</div>
                </ul>
            </nav>
        </div>
    </div>

</div>

<!-- JS CALLED AT FOOT OF SITE -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/vendor/jquery-1.9.0.min.js"><\/script>')</script>
<!-- <script src="/js/plugins.js"></script> -->
<!-- <script src="/js/main.js"></script> -->
<script>
$(document).ready(function(){
    $("#menuToggle").click(function(){
        $(this).toggleClass("open").next("#topNavigation").toggleClass("open");
    });
});
</script>
<script type="text/javascript" src="http://fast.fonts.net/jsapi/170b1b52-076d-47db-a254-ba4c52f35154.js"></script>

<script src="/js/qrwidget/qrwidget.min.js" id="myjs"></script>
<script>
$("#qrWidget").qrwidget({
    iconWidth: 30,
    vpos : "bottom",
    hpos : "middle",
    shape : "circle"
});
</script>

<!-- Google Analytics -->
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-766956-4']);
  _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>
<script type="text/javascript" src="/js/google-code-prettify/prettify.js"></script>
<script type="text/javascript" src="/js/google-code-prettify/lang-css.js"></script>
<script>
$(document).ready(function(){
    prettyPrint();
});
</script>
    <script type="text/javascript" src="/js/plugin/jquery.infinitescroll.min.js"></script>
    <script>
    $('.scroll_content').infinitescroll({
        loading: {
            finished: undefined,
            finishedMsg: "",
            img: "data:image/gif;base64,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",
            msg: null,
            msgText: "<em>Loading the next set of posts...</em>",
            selector: null,
            speed: 'fast',
            start: undefined
        },
        state: {
            isDuringAjax: false,
            isInvalidPage: false,
            isDestroyed: false,
            isDone: false, // For when it goes all the way through the archive.
            isPaused: false,
            currPage: 1
        },
        debug: false,
        behavior: undefined,
        //binder: $(window), // used to cache the selector for the element that will be scrolling
        nextSelector: "div.pageNavigation a:first",
        navSelector: "div.pageNavigation",
        contentSelector: ".scroll_content", // rename to pageFragment
        extraScrollPx: 150,
        itemSelector: "div.blog_link_post_row",
        animate: false,
        pathParse: ["/articles/", "/"],
        dataType: 'html',
        appendCallback: true,
        bufferPx: 40,
        errorCallback: function () { },
        infid: 0, //Instance ID
        pixelsFromNavToBottom: undefined,
        path: ["/articles/", "/"], // Can either be an array of URL parts (e.g. ["/page/", "/"]) or a function that accepts the page number and returns a URL
        prefill: false, // When the document is smaller than the window, load data until the document is larger or links are exhausted
        maxPage:5 // to manually control maximum page (when maxPage is undefined, maximum page limitation is not work)
    });
    </script>



    </body>
</html>


