<html lang="en">
<head>
  <title>Webvamp - Revamping the web through design</title>
  <meta name="description" content="Revamping the web through a common sense approach to design, accessibility, information architecture (IA) & usability." />
  <meta name="keywords" content="webvamp" />
  <meta http-equiv="Content-Language" content="en" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link href="/includes/css/screen.css" type="text/css" rel="stylesheet" media="screen" />
  <link rel="shortcut icon" href="/includes/images/webvampfavicon.ico" type="image/x-icon" />
  <link rel="alternate" type="application/rss+xml" title="Webvamp - Blog" href="http://feeds2.feedburner.com/webvamp" />
  <script src="/includes/scripts/code_highlighter.js" type="text/javascript"></script>
</head>
<body>
  <a name="top" id="top"></a>
  <div id="accessibility" class="displace">
    <p><strong>Accessibility Navigation</strong></p>
    <ul>
      <li><a href="#content" accesskey="s" title="Go straight to the main content">Skip to Page Content</a></li>
      <li><a href="#navigation" title="Go straight to the navigation.">Skip to Navigation</a></li>
    </ul>
  </div>
  <div id="header">
    <div class="logo">
      <a href="/" title="Link to Home"></a>
      <div class="displace">
        <h1>Webvamp | Blog</h1>
      </div><br />
    </div><br class="clear" />
  </div>
  <div id="maincontent">
    <a name="content" id="content"></a>
    <div class="title blog"></div>
    <div id="sidewindow">
      <div class="box">
        <div class="subtitle recentposts">
          <div class="displace">
            <h3>Recent Posts</h3>
          </div>
        </div>
        <div class="boxcontent">
          <ul>
            <li><a href='/blog/seo/10-things-to-do-when-launching-a-site/' title='10 Things To Do When Launching A Site'>10 Things To Do When Launching A Site</a></li>
            <li><a href='/blog/coding/using-php-to-connect-to-sftp/' title='Using PHP to connect to SFTP'>Using PHP to connect to SFTP</a></li>
            <li><a href='/blog/seo/asynchronous-virtual-pageviews-with-google-analytics/' title='Asynchronous Virtual Pageviews with Google Analytics'>Asynchronous Virtual Pageviews with Google Analytics</a></li>
            <li><a href='/blog/tips-tricks/5-advanced-text-editing-keyboard-shortcuts/' title='5 Advanced Text Editing Keyboard Shortcuts'>5 Advanced Text Editing Keyboard Shortcuts</a></li>
            <li><a href='/blog/coding/get-the-headers-of-a-http-request-with-php/' title='Get the headers of a HTTP request with PHP'>Get the headers of a HTTP request with PHP</a></li>
            <li><a href='/blog/webvamp/how-to-create-pdf-preview-images-in-php-part-2/' title='How-to: Create PDF preview images in PHP &#8211; Part 2'>How-to: Create PDF preview images in PHP &#8211; Part 2</a></li>
            <li><a href='/blog/coding/how-to-create-pdf-preview-images-in-php/' title='How-to: Create PDF preview images in PHP'>How-to: Create PDF preview images in PHP</a></li>
            <li><a href='/blog/coding/quick-code-get-the-domain-name-in-js/' title='Quick Code: Get the domain name in JS'>Quick Code: Get the domain name in JS</a></li>
            <li><a href='/blog/design/things-to-think-about-when-designing-a-logo/' title='Things to think about when designing a logo'>Things to think about when designing a logo</a></li>
            <li><a href='/blog/coding/javascript-array-functions/' title='Javascript Array Functions'>Javascript Array Functions</a></li>
          </ul>
        </div>
      </div>
      <div class="box">
        <div class="subtitle topics">
          <div class="displace">
            <h3>Topics</h3>
          </div>
        </div>
        <div class="boxcontent">
          <ul>
            <li class="cat-item cat-item-5"><a href="/blog/topics/accessibility/" title="View all posts filed under Accessibility">Accessibility</a></li>
            <li class="cat-item cat-item-3"><a href="/blog/topics/coding/" title="View all posts filed under Coding">Coding</a></li>
            <li class="cat-item cat-item-1"><a href="/blog/topics/design/" title="View all posts filed under Design">Design</a></li>
            <li class="cat-item cat-item-4"><a href="/blog/topics/seo/" title="View all posts filed under SEO">SEO</a></li>
            <li class="cat-item cat-item-120"><a href="/blog/topics/tips-tricks/" title="View all posts filed under Tips &amp; Tricks">Tips &amp; Tricks</a></li>
            <li class="cat-item cat-item-6"><a href="/blog/topics/webvamp/" title="View all posts filed under Webvamp">Webvamp</a></li>
          </ul>
        </div>
      </div>
      <div class="box">
        <div class="subtitle blank">
          <div class="displace">
            <h3>ImageXY</h3>
          </div>
        </div>
        <div class="boxcontent2">
          <h2>ImageXY - Mac OS X Batch Photo Resizer</h2><img src="/includes/images/imagexy.png" width="220" height="220" alt="Checkout ImageXY - Painless image resizing for Mac OS X." />
          <p>Quickly and painlessly bulk resize images, change image formats and create web-friendly photos for your website.</p>
          <p>Available on the Mac App Store!</p>
        </div>
      </div>
    </div>
    <div id="mainwindow">
      <h1>Latest Posts</h1><br />
      <h3><a href="/blog/seo/10-things-to-do-when-launching-a-site/" title="Link to 10 Things To Do When Launching A Site">10 Things To Do When Launching A Site</a></h3>
      <p>It always seems to be a hectic and rushed time when launching a new site. So having a checklist of things to tick off before launching can help save your sanity and avoid you launching a site that&#8217;s missing something important. Find out the 10 most important things to check for.</p>
      <h3><a href="/blog/coding/using-php-to-connect-to-sftp/" title="Link to Using PHP to connect to SFTP">Using PHP to connect to SFTP</a></h3>
      <p>When programming in a business enviroment you often have to send and recieve files of data (data feeds) from other organisations or departments within your company. To handle this quickly and securely you can use the existing FTP protocol and its secure sibling sFTP. Today we will learn how easy it is to send/recieve files over sFTP automatically, allowing your scripts to run completly autonomously.</p>
      <h3><a href="/blog/seo/asynchronous-virtual-pageviews-with-google-analytics/" title="Link to Asynchronous Virtual Pageviews with Google Analytics">Asynchronous Virtual Pageviews with Google Analytics</a></h3>
      <p>If you have moved over to the new Asynchronous Google Analytics (GA) tracking code you may have trouble finding how to create virtual pageviews as the manual seems to push you more towards using Events instead.</p>
      <h3><a href="/blog/tips-tricks/5-advanced-text-editing-keyboard-shortcuts/" title="Link to 5 Advanced Text Editing Keyboard Shortcuts">5 Advanced Text Editing Keyboard Shortcuts</a></h3>
      <p>Learn 5 advanced text editing keyboard shortcuts to increase your efficiency and speed in text editors and word processors.</p>
      <h3><a href="/blog/coding/get-the-headers-of-a-http-request-with-php/" title="Link to Get the headers of a HTTP request with PHP">Get the headers of a HTTP request with PHP</a></h3>
      <p>Need to check that a URL is valid? Or get the last-modified date, or the charset, or the ETag of a page? Here is a simple bit of code to help you do just that by returning the headers of a HTTP request for you.</p>
      <h3><a href="/blog/webvamp/how-to-create-pdf-preview-images-in-php-part-2/" title="Link to How-to: Create PDF preview images in PHP &#8211; Part 2">How-to: Create PDF preview images in PHP &#8211; Part 2</a></h3>
      <p>A follow up to creating thumbnail previews of PDF documents quickly and easy with this basic walk-through from setup to code samples.</p>
      <h3><a href="/blog/coding/how-to-create-pdf-preview-images-in-php/" title="Link to How-to: Create PDF preview images in PHP">How-to: Create PDF preview images in PHP</a></h3>
      <p>Create thumbnail previews of PDF documents quickly and easy with this basic walk-through from setup to code samples.</p>
      <h3><a href="/blog/coding/quick-code-get-the-domain-name-in-js/" title="Link to Quick Code: Get the domain name in JS">Quick Code: Get the domain name in JS</a></h3>
      <p>When your developing a site or online application that uses a lot of XML HTTP Requests (XHR) it&#8217;s generally a good idea to use a full URL when creating a request. If you then try to re-use your code across multiple sites and domains, you will find you get errors due to posting to a different domain than the current site.</p>
      <h3><a href="/blog/design/things-to-think-about-when-designing-a-logo/" title="Link to Things to think about when designing a logo">Things to think about when designing a logo</a></h3>
      <p>Here is a quick post which takes a look at some of the things I take into consideration when designing a logo, I&#8217;d say also looks at some of the considerations for print as well, plus it also contains what i think makes a good logo.</p>
      <h3><a href="/blog/coding/javascript-array-functions/" title="Link to Javascript Array Functions">Javascript Array Functions</a></h3>
      <p>Without using a Javascript library such as JQuery, there are very few functions built into Javascript to deal with arrays. Here are a few of my own that often come in handy when working on projects.</p>
      <h3><a href="/blog/coding/integrating-fckeditor-to-save-current-content-with-ajax-using-php/" title="Link to Integrating FCKEditor to save current content with AJAX using PHP">Integrating FCKEditor to save current content with AJAX using PHP</a></h3>
      <p>A short guide to getting FCKEditor to autosave the current content.</p>
      <h3><a href="/blog/coding/pad-a-javascript-number/" title="Link to Pad A Javascript Number">Pad A Javascript Number</a></h3>
      <p>To keep design and content consistent I often pad numbers with zeros to ensure they are all the same width. There is no built in function to do this, so I wrote my own.</p>
      <h3><a href="/blog/design/why-use-heading-tags-as-opposed-to-font-tags-for-displaying-text-in-html/" title="Link to Why use heading tags as opposed to font tags for displaying text in HTML?">Why use heading tags as opposed to font tags for displaying text in HTML?</a></h3>
      <p>Learn the how and why of using header tags in your markup.</p>
      <h3><a href="/blog/coding/creating-one-time-download-links/" title="Link to Creating One Time Download Links">Creating One Time Download Links</a></h3>
      <p>Creating single use or timed download links can allow websites to offer downloadable content that expires after a single download or after a set period of time. Many e-commerce sites are using these techniques to sell documents and files online.</p>
      <h3><a href="/blog/coding/why-javascript-in-forms-is-bad/" title="Link to Why Javascript in Forms is Bad">Why Javascript in Forms is Bad</a></h3>
      <p>A look at how some Javascript in forms is bad and how when it&#8217;s bad it can destroy customer confidence and lose you valuable sales.</p>
      <h3><a href="/blog/design/5-things-to-remember-when-designing-accessible-web-pages/" title="Link to 5 Things To Remember When Designing Accessible Web Pages">5 Things To Remember When Designing Accessible Web Pages</a></h3>
      <p>A look at what to remember and actions to take when designing accessible web pages.</p>
      <h3><a href="/blog/design/sizing-images-correctly-part-two/" title="Link to Sizing Images Correctly &#8211; Part Two">Sizing Images Correctly &#8211; Part Two</a></h3>
      <p>This post follows on from what we looked at from Sizing Images Correctly &#8211; Part One and looks at another issue as to why correct image sizing is important.</p>
      <h3><a href="/blog/coding/graphical-css-rollover-menu/" title="Link to Graphical CSS Rollover Menu">Graphical CSS Rollover Menu</a></h3>
      <p>Learn how to create an accessible CSS only menu with image rollovers.</p>
      <h3><a href="/blog/design/how-to-create-a-simple-text-reflection/" title="Link to How-To: Create A Simple Text Reflection">How-To: Create A Simple Text Reflection</a></h3>
      <p>Ever wondered how to create a simple text reflection within Photoshop? This post will take you through a simple tutorial on how to do it.</p>
      <h3><a href="/blog/seo/using-wordpress-tags-as-keywords/" title="Link to Using WordPress Tags as Keywords">Using WordPress Tags as Keywords</a></h3>
      <p>Tags in Wordpress allow you to organise your content with quick and easy Folksonomy. This can then be used to view or show other related data or fancy, but not very usable, tag clouds. Today we will see if we can&#8217;t make more use out of this information by adding it to our meta keywords for better SEO.</p>
      <h3><a href="/blog/seo/use-the-canonical/" title="Link to Use the Canonical">Use the Canonical</a></h3>
      <p>Over the past few weeks all the major search engines have announced support for a new link element to help clean the web of duplicate URL&#8217;s. This new element allows site owners to specify the default URL for any page to help avoid duplication.</p>
      <h3><a href="/blog/design/sizing-images-correctly-part-one/" title="Link to Sizing Images Correctly &#8211; Part One">Sizing Images Correctly &#8211; Part One</a></h3>
      <p>There are many advantages as to why you should spend extra time on sizing images correctly before adding them to your web page. This post is Part 1 of 2 which looks at the difference between an image resized using HTML and an image resized in Photoshop.</p>
      <h3><a href="/blog/coding/css-image-rollovers/" title="Link to CSS Image Rollovers">CSS Image Rollovers</a></h3>
      <p>Many sites out there still use an old JavaScript technique to produce an image rollover for menu items or buttons. This is bad for many reasons and here we will learn how to achieve the same effect using CSS.</p>
      <h3><a href="/blog/webvamp/welcome-to-webvamp/" title="Link to Welcome to Webvamp">Welcome to Webvamp</a></h3>
      <p>Over the coming weeks and months we hope to use this site to help others learn how to better plan, design, produce and optimize websites. Over the past eight years we have developed 100&#8242;s of websites, and this site aims to share with others all our successes and failures. To share with you the common sense approach to developing great websites.</p>
    </div><br class="clear" />
  </div>
  <div id="footer">
    <a href="#top" class="displace" title="Return to the top of this page">Skip to top</a>
    <div class="copyright">
      &copy; Copyright 2013 Webvamp.<br />
      Inspired by EyeMagineMedia, with love frozensheep.com
    </div>
  </div>
</body>
</html>
