jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.

jsperf.com URLs are mirrored at the same path, e.g:

https://jsperf.com/negative-modulo/2

Can be accessed at:

https://jsperf.app/negative-modulo/2

document.getElementById() versus document.querySelector() versus document.querySelectorAll() (v5)

Revision 5 of this benchmark created by Grant Kiely on October 30, 2013

Preparation HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>The Dot Product &laquo; </title>
<meta name="author" content="Neil Craig"/>
<script>
//<![CDATA[
try{if (!window.CloudFlare) { var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",mirage:{responsive:0,lazy:0},oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/aav=1870252173/"},atok:"cfcfe8bb485cc2b26c4b52db77a0c99f",zone:"thedotproduct.org",rocket:"a",apps:{}}];document.write('<script type="text/javascript" src="//ajax.cloudflare.com/cdn-cgi/nexp/aav=4114775854/cloudflare.min.js"><'+'\/script>')}}catch(e){};
//]]>
</script>
<link rel="alternate" type="application/rss+xml" title="The Dot Product RSS Feed" href="http://www.thedotproduct.org/feed/"/>
<link rel="alternate" type="application/atom+xml" title="The Dot Product Atom Feed" href="http://www.thedotproduct.org/feed/atom/"/>
<link rel="pingback" href="http://www.thedotproduct.org/xmlrpc.php"/>
<link rel="shortcut icon" href="http://www.thedotproduct.org/wp-content/themes/mystique/thedotproduct_favicon.ico"/>
<link rel="apple-touch-icon" href="http://www.thedotproduct.org/wp-content/themes/mystique/tdp-favicon-1.jpg"/>
<link media="screen" rel="stylesheet" href="http://www.thedotproduct.org/wp-content/themes/mystique/style.css" type="text/css"/>
<link media="screen" rel="stylesheet" href="http://www.thedotproduct.org/?mystique=css" type="text/css"/>
<!--[if lte IE 6]><link media="screen" rel="stylesheet" href="http://www.thedotproduct.org/wp-content/themes/mystique/ie6.css" type="text/css" /><![endif]-->
<!--[if IE 7]><link media="screen" rel="stylesheet" href="http://www.thedotproduct.org/wp-content/themes/mystique/ie7.css" type="text/css" /><![endif]-->
<link rel='stylesheet' id='sociablecss-css' href='http://www.thedotproduct.org/wp-content/plugins/sociable/css/sociable.css?ver=3.4.2' type='text/css' media='all'/>
<script type='text/rocketscript' data-rocketsrc='http://www.thedotproduct.org/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>
<script type='text/rocketscript' data-rocketsrc='http://www.thedotproduct.org/wp-content/plugins/sociable/js/sociable.js?ver=3.4.2'></script>
<script type='text/rocketscript' data-rocketsrc='http://www.thedotproduct.org/wp-content/plugins/sociable/js/addtofavorites.js?ver=3.4.2'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.thedotproduct.org/xmlrpc.php?rsd"/>
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.thedotproduct.org/wp-includes/wlwmanifest.xml"/>
<meta name="generator" content="WordPress 3.4.2"/>
 <meta name="google-site-verification" content="8HrTpP99t2CCVjjjlGO9WjLbPo8k0nnSLjMI--YHr_I"/>
 <script type='text/rocketscript'>var base_url_sociable = 'http://www.thedotproduct.org/wp-content/plugins/sociable/'</script><script type='text/rocketscript' data-rocketsrc='http://apis.google.com/js/plusone.js'></script></head>
<body class="home blog col-2-right fluid browser-chrome">
<div id="page">
<div class="page-content header-wrapper">
<div id="header" class="bubbleTrigger">
<div id="site-title" class="clearfix">
<h1 id="logo"><a href="http://www.thedotproduct.org"><img src="http://www.thedotproduct.org/wp-content/uploads/thedotproduct_logo-oswd.jpg" title="The Dot Product" width="497" height="191" alt="The Dot Product"/></a></h1>
</div>
<div class="shadow-left">
<div class="shadow-right clearfix">
<p class="nav-extra"><a href="http://twitter.com/tdp_org" class="nav-extra twitter" title="Follow me on Twitter"><span>Follow me on Twitter</span></a><a href="http://www.thedotproduct.org/wordpress/?feed=rss2" class="nav-extra rss" title="RSS Feeds"><span>RSS Feeds</span></a></p>
<ul id="navigation" class="clearfix">
<li class="active home"><a class="home active fadeThis" href="http://www.thedotproduct.org" title="You are Home"><span class="title">Home</span><span class="pointer"></span></a></li>
<li class="page page-about "><a class="fadeThis " href="http://www.thedotproduct.org/about/" title="About The Dot Product"><span class="title">About The Dot Product</span><span class="pointer"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
 
<div class="shadow-left page-content main-wrapper">
<div class="shadow-right">
 
<div id="main">
<div id="main-inside" class="clearfix">
 
<div id="primary-content">
<div class="blocks">
 
<div id="post-586" class="hentry post post-1 odd author-admin category-css category-css3 category-general-web-development clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2012/11/css-previous-sibling-selector/" rel="bookmark" title="Permanent Link: Previous sibling, the missing CSS selector?">Previous sibling, the missing CSS selector?</a></h2>
<div class="post-date">
<p class="day">Nov 6th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/css/">CSS</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2012/11/css-previous-sibling-selector/#comments" class=" comments">2 comments</a></p>
</div>
<div class="post-content clearfix">
<p>CSS 2.1 has some really handy selectors, one of which is the adjacent (next) sibling selector which has the form: el1 + el2 { color:#f0f; } The above would apply a tasty pink(ish) text colour to el2 where it directly follows el1 in HTML element order. Excellent, that can be seriously useful. The glaring omission <a href="http://www.thedotproduct.org/2012/11/css-previous-sibling-selector/" class="more-link">More &gt;</a></p>
</div>
</div>
 
 
<div id="post-580" class="hentry post post-2 even alt author-admin category-apple category-java post_tag-apple-mac post_tag-apple-mac-osx post_tag-fact post_tag-java post_tag-java-runtime post_tag-jre post_tag-lion post_tag-mac-osx post_tag-mountain-lion post_tag-netbeans clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2012/07/how-to-install-a-java-runtime-on-apple-mac-osx-mountain-lion/" rel="bookmark" title="Permanent Link: How to install a Java runtime on Apple Mac OSX Mountain Lion">How to install a Java runtime on Apple Mac OSX Mountain Lion</a></h2>
<div class="post-date">
<p class="day">Jul 28th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/apple/">Apple</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2012/07/how-to-install-a-java-runtime-on-apple-mac-osx-mountain-lion/#comments" class="no comments">No comments</a></p>
</div>
<div class="post-content clearfix">
<p>One of the (perhaps) understandable but more irritating aspects of Apple Mac OSX upgrades which I just experienced is the fact that my upgrade from lion to mountain lion is that the Java runtime (JRE) is uninstalled&#8230;This meant that my usual code editor/IDE Netbeans was broken &#8211; not good! So i searched around and found <a href="http://www.thedotproduct.org/2012/07/how-to-install-a-java-runtime-on-apple-mac-osx-mountain-lion/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/apple-mac/" rel="tag" title="Apple Mac (2 topics)">Apple Mac</a>, <a href="http://www.thedotproduct.org/tag/apple-mac-osx/" rel="tag" title="Apple Mac OSX (1 topics)">Apple Mac OSX</a>, <a href="http://www.thedotproduct.org/tag/fact/" rel="tag" title="fact (1 topics)">fact</a>, <a href="http://www.thedotproduct.org/tag/java/" rel="tag" title="Java (1 topics)">Java</a>, <a href="http://www.thedotproduct.org/tag/java-runtime/" rel="tag" title="java runtime (1 topics)">java runtime</a>, <a href="http://www.thedotproduct.org/tag/jre/" rel="tag" title="JRE (1 topics)">JRE</a>, <a href="http://www.thedotproduct.org/tag/lion/" rel="tag" title="lion (1 topics)">lion</a>, <a href="http://www.thedotproduct.org/tag/mac-osx/" rel="tag" title="Mac OSX (4 topics)">Mac OSX</a>, <a href="http://www.thedotproduct.org/tag/mountain-lion/" rel="tag" title="mountain lion (1 topics)">mountain lion</a>, <a href="http://www.thedotproduct.org/tag/netbeans/" rel="tag" title="Netbeans (1 topics)">Netbeans</a> </div>
</div>
 
 
<div id="post-574" class="hentry post post-3 odd author-admin category-nodejs category-npm post_tag-choice post_tag-contrary post_tag-development-paradigm post_tag-module post_tag-nodejs post_tag-npm post_tag-preconceptions post_tag-right-choice post_tag-task clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2012/07/nodejs-npm-registry-addupdate-notifications-via-twitter/" rel="bookmark" title="Permanent Link: NodeJS NPM registry add/update notifications via Twitter">NodeJS NPM registry add/update notifications via Twitter</a></h2>
<div class="post-date">
<p class="day">Jul 13th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/nodejs/">NodeJS</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2012/07/nodejs-npm-registry-addupdate-notifications-via-twitter/#comments" class="no comments">No comments</a></p>
</div>
<div class="post-content clearfix">
<p>I have been messing with NodeJS for a little while now and contrary to my preconceptions, I quite like it. NodeJS is not the right choice for every task (as with any development paradigm/language) but it has some great use cases for i/o bound tasks and is definitely easy to use! NodeJS uses a module <a href="http://www.thedotproduct.org/2012/07/nodejs-npm-registry-addupdate-notifications-via-twitter/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/choice/" rel="tag" title="choice (1 topics)">choice</a>, <a href="http://www.thedotproduct.org/tag/contrary/" rel="tag" title="contrary (1 topics)">contrary</a>, <a href="http://www.thedotproduct.org/tag/development-paradigm/" rel="tag" title="development paradigm (1 topics)">development paradigm</a>, <a href="http://www.thedotproduct.org/tag/module/" rel="tag" title="module (1 topics)">module</a>, <a href="http://www.thedotproduct.org/tag/nodejs/" rel="tag" title="NodeJS (1 topics)">NodeJS</a>, <a href="http://www.thedotproduct.org/tag/npm/" rel="tag" title="npm (1 topics)">npm</a>, <a href="http://www.thedotproduct.org/tag/preconceptions/" rel="tag" title="preconceptions (1 topics)">preconceptions</a>, <a href="http://www.thedotproduct.org/tag/right-choice/" rel="tag" title="right choice (1 topics)">right choice</a>, <a href="http://www.thedotproduct.org/tag/task/" rel="tag" title="task (1 topics)">task</a> </div>
</div>
 
 
<div id="post-568" class="hentry post post-4 even alt author-admin category-devstack category-general-web-development category-openstack category-stackops category-sysadmin category-virtualisation post_tag-authentication-mechanism post_tag-base-software post_tag-devstack post_tag-host post_tag-installer post_tag-installer-script post_tag-lvm post_tag-openstack post_tag-persistent-storage post_tag-script-application post_tag-storage post_tag-vi post_tag-work clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2012/07/quick-tutorial-installing-openstack-as-all-in-one-using-stackops/" rel="bookmark" title="Permanent Link: Quick tutorial: installing Openstack as all-in-one using Stackops">Quick tutorial: installing Openstack as all-in-one using Stackops</a></h2>
<div class="post-date">
<p class="day">Jul 11th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/devstack/">devstack</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2012/07/quick-tutorial-installing-openstack-as-all-in-one-using-stackops/#comments" class=" comments">3 comments</a></p>
</div>
<div class="post-content clearfix">
<p>I&#8217;ve recently been working on lots of trial-runs of software at work and got annoyed with having to rebuild servers all the time so i decided to join the rest of the world and go virtual. Our production VI at work runs VMWare (ESXi) but my trial stack was going to be a no-budget affair <a href="http://www.thedotproduct.org/2012/07/quick-tutorial-installing-openstack-as-all-in-one-using-stackops/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/authentication-mechanism/" rel="tag" title="authentication mechanism (1 topics)">authentication mechanism</a>, <a href="http://www.thedotproduct.org/tag/base-software/" rel="tag" title="base software (1 topics)">base software</a>, <a href="http://www.thedotproduct.org/tag/devstack/" rel="tag" title="devstack (1 topics)">devstack</a>, <a href="http://www.thedotproduct.org/tag/host/" rel="tag" title="host (1 topics)">host</a>, <a href="http://www.thedotproduct.org/tag/installer/" rel="tag" title="installer (1 topics)">installer</a>, <a href="http://www.thedotproduct.org/tag/installer-script/" rel="tag" title="installer script (1 topics)">installer script</a>, <a href="http://www.thedotproduct.org/tag/lvm/" rel="tag" title="LVM (1 topics)">LVM</a>, <a href="http://www.thedotproduct.org/tag/openstack/" rel="tag" title="Openstack (1 topics)">Openstack</a>, <a href="http://www.thedotproduct.org/tag/persistent-storage/" rel="tag" title="persistent storage (1 topics)">persistent storage</a>, <a href="http://www.thedotproduct.org/tag/script-application/" rel="tag" title="script application (1 topics)">script application</a>, <a href="http://www.thedotproduct.org/tag/storage/" rel="tag" title="storage (2 topics)">storage</a>, <a href="http://www.thedotproduct.org/tag/vi/" rel="tag" title="VI (1 topics)">VI</a>, <a href="http://www.thedotproduct.org/tag/work/" rel="tag" title="work (1 topics)">work</a> </div>
</div>
 
 
<div id="post-565" class="hentry post post-5 odd author-admin category-sysadmin category-ubuntu post_tag-command post_tag-gnome post_tag-line post_tag-preference post_tag-rdp post_tag-server post_tag-server-host post_tag-test-rig post_tag-ubuntu post_tag-virtual-server clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2012/06/quick-fix-cant-log-in-to-ubuntu-12-04-gnome-via-rdp-failed-to-load-session-ubuntu/" rel="bookmark" title="Permanent Link: Quick fix: Can&#8217;t log in to Ubuntu 12.04 Gnome via RDP &#8211; failed to load session ubuntu">Quick fix: Can&#8217;t log in to Ubuntu 12.04 Gnome via RDP &#8211; failed to load session ubuntu</a></h2>
<div class="post-date">
<p class="day">Jun 1st</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/sysadmin/">Sysadmin</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2012/06/quick-fix-cant-log-in-to-ubuntu-12-04-gnome-via-rdp-failed-to-load-session-ubuntu/#comments" class=" comments">1 comment</a></p>
</div>
<div class="post-content clearfix">
<p>AS I type, i&#8217;m setting up an Ubuntu server to use a virtual server host on my test rig. Slight problem though, after getting bored/frustrated with command line configuring (odd because usually command line is my preference) I got lazy and decided to install Gnome and virt-manager. All good, so I thought, I added xrdp <a href="http://www.thedotproduct.org/2012/06/quick-fix-cant-log-in-to-ubuntu-12-04-gnome-via-rdp-failed-to-load-session-ubuntu/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/command/" rel="tag" title="command (1 topics)">command</a>, <a href="http://www.thedotproduct.org/tag/gnome/" rel="tag" title="gnome (1 topics)">gnome</a>, <a href="http://www.thedotproduct.org/tag/line/" rel="tag" title="line (1 topics)">line</a>, <a href="http://www.thedotproduct.org/tag/preference/" rel="tag" title="preference (1 topics)">preference</a>, <a href="http://www.thedotproduct.org/tag/rdp/" rel="tag" title="RDP (1 topics)">RDP</a>, <a href="http://www.thedotproduct.org/tag/server/" rel="tag" title="Server (5 topics)">Server</a>, <a href="http://www.thedotproduct.org/tag/server-host/" rel="tag" title="server host (1 topics)">server host</a>, <a href="http://www.thedotproduct.org/tag/test-rig/" rel="tag" title="test rig (2 topics)">test rig</a>, <a href="http://www.thedotproduct.org/tag/ubuntu/" rel="tag" title="Ubuntu (1 topics)">Ubuntu</a>, <a href="http://www.thedotproduct.org/tag/virtual-server/" rel="tag" title="virtual server (1 topics)">virtual server</a> </div>
</div>
 
 
<div id="post-563" class="hentry post post-6 even alt author-admin category-apache category-backups category-sysadmin post_tag-apache post_tag-apache-web-server post_tag-apt-system post_tag-b-if post_tag-b-we post_tag-backup post_tag-backuppc post_tag-default-installation-location post_tag-proper-backups post_tag-root post_tag-test-rig post_tag-user clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2012/05/tutorial-setting-up-backuppc-on-debian-and-probably-ubuntu-too-linux/" rel="bookmark" title="Permanent Link: Tutorial: Setting up BackupPC on Debian (and probably Ubuntu too) Linux">Tutorial: Setting up BackupPC on Debian (and probably Ubuntu too) Linux</a></h2>
<div class="post-date">
<p class="day">May 31st</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/apache/">Apache</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2012/05/tutorial-setting-up-backuppc-on-debian-and-probably-ubuntu-too-linux/#comments" class=" comments">3 comments</a></p>
</div>
<div class="post-content clearfix">
<p>It&#8217;s been quite some time since I&#8217;ve had the pleasure of using BackupPC, a delightfully simple to use yet very effective, free, open source, cross-platform backup system. My test rig was sorely overdue some proper backups&#8230;So I decided to install BackupPC on a central server to back up the others (which are all Debian or <a href="http://www.thedotproduct.org/2012/05/tutorial-setting-up-backuppc-on-debian-and-probably-ubuntu-too-linux/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/apache/" rel="tag" title="Apache (1 topics)">Apache</a>, <a href="http://www.thedotproduct.org/tag/apache-web-server/" rel="tag" title="apache web server (1 topics)">apache web server</a>, <a href="http://www.thedotproduct.org/tag/apt-system/" rel="tag" title="apt system (1 topics)">apt system</a>, <a href="http://www.thedotproduct.org/tag/b-if/" rel="tag" title="B If (1 topics)">B If</a>, <a href="http://www.thedotproduct.org/tag/b-we/" rel="tag" title="B. We (1 topics)">B. We</a>, <a href="http://www.thedotproduct.org/tag/backup/" rel="tag" title="backup (1 topics)">backup</a>, <a href="http://www.thedotproduct.org/tag/backuppc/" rel="tag" title="BackupPC (1 topics)">BackupPC</a>, <a href="http://www.thedotproduct.org/tag/default-installation-location/" rel="tag" title="default installation location (1 topics)">default installation location</a>, <a href="http://www.thedotproduct.org/tag/proper-backups/" rel="tag" title="proper backups (1 topics)">proper backups</a>, <a href="http://www.thedotproduct.org/tag/root/" rel="tag" title="root (1 topics)">root</a>, <a href="http://www.thedotproduct.org/tag/test-rig/" rel="tag" title="test rig (2 topics)">test rig</a>, <a href="http://www.thedotproduct.org/tag/user/" rel="tag" title="USER (3 topics)">USER</a> </div>
</div>
 
 
<div id="post-559" class="hentry post post-7 odd author-admin category-general-web-development category-nginx category-php-fpm category-sysadmin post_tag-configuration-optimisation post_tag-fpm post_tag-gosa post_tag-gpc post_tag-new-pool post_tag-nginx post_tag-parallel-projects post_tag-php post_tag-php-fpm post_tag-x-nothing clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2012/05/setting-or-overriding-php-configuration-in-php-fpm-pool-configurations/" rel="bookmark" title="Permanent Link: Setting or overriding PHP configuration in PHP-FPM (pool) configurations">Setting or overriding PHP configuration in PHP-FPM (pool) configurations</a></h2>
<div class="post-date">
<p class="day">May 11th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/general-web-development/">General Web-Development</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2012/05/setting-or-overriding-php-configuration-in-php-fpm-pool-configurations/#comments" class="no comments">No comments</a></p>
</div>
<div class="post-content clearfix">
<p>I&#8217;ve recently been working on some very different parallel projects on a development server i have and came across a situation where i needed to have one vhost/site for the LDAP GUI GOsa on the server with the (soon to be deprecated) PHP feature magic_quotes_gpc enabled whilst the rest of my vhosts/sites (quite rightly) mandate <a href="http://www.thedotproduct.org/2012/05/setting-or-overriding-php-configuration-in-php-fpm-pool-configurations/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/configuration-optimisation/" rel="tag" title="configuration optimisation (1 topics)">configuration optimisation</a>, <a href="http://www.thedotproduct.org/tag/fpm/" rel="tag" title="fpm (1 topics)">fpm</a>, <a href="http://www.thedotproduct.org/tag/gosa/" rel="tag" title="gosa (1 topics)">gosa</a>, <a href="http://www.thedotproduct.org/tag/gpc/" rel="tag" title="gpc (1 topics)">gpc</a>, <a href="http://www.thedotproduct.org/tag/new-pool/" rel="tag" title="new pool (1 topics)">new pool</a>, <a href="http://www.thedotproduct.org/tag/nginx/" rel="tag" title="Nginx (1 topics)">Nginx</a>, <a href="http://www.thedotproduct.org/tag/parallel-projects/" rel="tag" title="parallel projects (1 topics)">parallel projects</a>, <a href="http://www.thedotproduct.org/tag/php/" rel="tag" title="PHP (1 topics)">PHP</a>, <a href="http://www.thedotproduct.org/tag/php-fpm/" rel="tag" title="PHP-FPM (1 topics)">PHP-FPM</a>, <a href="http://www.thedotproduct.org/tag/x-nothing/" rel="tag" title="X Nothing (1 topics)">X Nothing</a> </div>
</div>
 
 
<div id="post-555" class="hentry post post-8 even alt author-admin category-google-chrome category-html5 category-youtube post_tag-attributes post_tag-html post_tag-iframe post_tag-markup post_tag-sandbox post_tag-website post_tag-youtube post_tag-youtube-video post_tag-youtube-videos clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2012/03/html5-youtube-videos-not-working-in-google-chrome/" rel="bookmark" title="Permanent Link: HTML5 Youtube videos not working in Google chrome">HTML5 Youtube videos not working in Google chrome</a></h2>
<div class="post-date">
<p class="day">Mar 26th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/google-chrome/">Google Chrome</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2012/03/html5-youtube-videos-not-working-in-google-chrome/#comments" class="no comments">No comments</a></p>
</div>
<div class="post-content clearfix">
<p>This is a really quick post as i&#8217;ve been coding for a few hours and need to call it a day&#8230; So i was working on my new website which uses a lot of HTML5, CSS3 etc. and shows Youtube videos, so naturally I wanted to use the Youtube HTML5 embed method (which i still <a href="http://www.thedotproduct.org/2012/03/html5-youtube-videos-not-working-in-google-chrome/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/attributes/" rel="tag" title="attributes (1 topics)">attributes</a>, <a href="http://www.thedotproduct.org/tag/html/" rel="tag" title="HTML (7 topics)">HTML</a>, <a href="http://www.thedotproduct.org/tag/iframe/" rel="tag" title="iframe (1 topics)">iframe</a>, <a href="http://www.thedotproduct.org/tag/markup/" rel="tag" title="markup (1 topics)">markup</a>, <a href="http://www.thedotproduct.org/tag/sandbox/" rel="tag" title="sandbox (1 topics)">sandbox</a>, <a href="http://www.thedotproduct.org/tag/website/" rel="tag" title="website (2 topics)">website</a>, <a href="http://www.thedotproduct.org/tag/youtube/" rel="tag" title="Youtube (1 topics)">Youtube</a>, <a href="http://www.thedotproduct.org/tag/youtube-video/" rel="tag" title="youtube video (2 topics)">youtube video</a>, <a href="http://www.thedotproduct.org/tag/youtube-videos/" rel="tag" title="youtube videos (1 topics)">youtube videos</a> </div>
</div>
 
 
<div id="post-550" class="hentry post post-9 odd author-admin category-apple post_tag-apple post_tag-error-message post_tag-frustration post_tag-ipad post_tag-itunes post_tag-post post_tag-sync post_tag-sync-options post_tag-web clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2012/02/purchased-movies-or-songs-wont-sync-to-ipad-iphone-ipod-this-might-help/" rel="bookmark" title="Permanent Link: Purchased movies or songs won&#8217;t sync to iPad, iPhone, iPod? This might help&#8230;">Purchased movies or songs won&#8217;t sync to iPad, iPhone, iPod? This might help&#8230;</a></h2>
<div class="post-date">
<p class="day">Feb 26th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/apple/">Apple</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2012/02/purchased-movies-or-songs-wont-sync-to-ipad-iphone-ipod-this-might-help/#comments" class=" comments">1 comment</a></p>
</div>
<div class="post-content clearfix">
<p>This is a slightly random post for a web development blog but i spent a couple of hours last night trying to sync some movies i&#8217;d purchased via iTunes to my iPad and despite checking the movies in the movies pane of the iPad sync options, the movies didn&#8217;t transfer. There was no error message <a href="http://www.thedotproduct.org/2012/02/purchased-movies-or-songs-wont-sync-to-ipad-iphone-ipod-this-might-help/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/apple/" rel="tag" title="Apple (1 topics)">Apple</a>, <a href="http://www.thedotproduct.org/tag/error-message/" rel="tag" title="error message (1 topics)">error message</a>, <a href="http://www.thedotproduct.org/tag/frustration/" rel="tag" title="frustration (1 topics)">frustration</a>, <a href="http://www.thedotproduct.org/tag/ipad/" rel="tag" title="iPad (1 topics)">iPad</a>, <a href="http://www.thedotproduct.org/tag/itunes/" rel="tag" title="itunes (1 topics)">itunes</a>, <a href="http://www.thedotproduct.org/tag/post/" rel="tag" title="post (2 topics)">post</a>, <a href="http://www.thedotproduct.org/tag/sync/" rel="tag" title="sync (1 topics)">sync</a>, <a href="http://www.thedotproduct.org/tag/sync-options/" rel="tag" title="sync options (1 topics)">sync options</a>, <a href="http://www.thedotproduct.org/tag/web/" rel="tag" title="Web (5 topics)">Web</a> </div>
</div>
 
 
<div id="post-548" class="hentry post post-10 even alt author-admin category-general-web-development post_tag-article post_tag-computer-archives post_tag-framework post_tag-national-computer post_tag-pimcore post_tag-platform-components post_tag-search-server post_tag-server post_tag-time post_tag-zend-framework clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2012/02/uk-national-computer-archives-colossus-display/" rel="bookmark" title="Permanent Link: UK National Computer Archives Colossus display">UK National Computer Archives Colossus display</a></h2>
<div class="post-date">
<p class="day">Feb 13th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/general-web-development/">General Web-Development</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2012/02/uk-national-computer-archives-colossus-display/#comments" class="no comments">No comments</a></p>
</div>
<div class="post-content clearfix">
<p>It&#8217;s been quite some time since I&#8217;ve posted an article here and this one will be very brief&#8230; If you feel so inclined and are able, please consider sponsoring the UK National Computer Archives Colossus display. More information can be found here: http://www.colossusonline.org/ I&#8217;ll soon be posting on my findings over the last year or <a href="http://www.thedotproduct.org/2012/02/uk-national-computer-archives-colossus-display/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/article/" rel="tag" title="article (1 topics)">article</a>, <a href="http://www.thedotproduct.org/tag/computer-archives/" rel="tag" title="computer archives (1 topics)">computer archives</a>, <a href="http://www.thedotproduct.org/tag/framework/" rel="tag" title="Framework (1 topics)">Framework</a>, <a href="http://www.thedotproduct.org/tag/national-computer/" rel="tag" title="national computer (1 topics)">national computer</a>, <a href="http://www.thedotproduct.org/tag/pimcore/" rel="tag" title="Pimcore (1 topics)">Pimcore</a>, <a href="http://www.thedotproduct.org/tag/platform-components/" rel="tag" title="platform components (1 topics)">platform components</a>, <a href="http://www.thedotproduct.org/tag/search-server/" rel="tag" title="search server (1 topics)">search server</a>, <a href="http://www.thedotproduct.org/tag/server/" rel="tag" title="Server (5 topics)">Server</a>, <a href="http://www.thedotproduct.org/tag/time/" rel="tag" title="time (3 topics)">time</a>, <a href="http://www.thedotproduct.org/tag/zend-framework/" rel="tag" title="zend framework (1 topics)">zend framework</a> </div>
</div>
 
 
<div id="post-539" class="hentry post post-11 odd author-admin category-xhtml category-accessibility category-css category-general-web-development post_tag-accesibility post_tag-background post_tag-background-images post_tag-css post_tag-eyesight-problems post_tag-image post_tag-img post_tag-perfect-eyesight post_tag-screen post_tag-screen-reader-users post_tag-walks-of-life clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/11/when-to-use-an-img-tag-when-to-use-a-css-background-image/" rel="bookmark" title="Permanent Link: When to use an img tag, when to use a CSS background image">When to use an img tag, when to use a CSS background image</a></h2>
<div class="post-date">
<p class="day">Nov 3rd</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/xhtml/">(X)HTML</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/11/when-to-use-an-img-tag-when-to-use-a-css-background-image/#comments" class=" comments">3 comments</a></p>
</div>
<div class="post-content clearfix">
<p>&lt;Img&gt; tag vs CSS background image&#8230;This has caused much confusion to many web-developers I have met &#8211; many more developers don&#8217;t care. So, when should you use an &lt;img&gt; and when should you use a CSS background image on your element? The answer is surprisingly simple&#8230;In nearly all cases, use &lt;img&gt; tags for contextually important <a href="http://www.thedotproduct.org/2010/11/when-to-use-an-img-tag-when-to-use-a-css-background-image/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/accesibility/" rel="tag" title="accesibility (1 topics)">accesibility</a>, <a href="http://www.thedotproduct.org/tag/background/" rel="tag" title="background (2 topics)">background</a>, <a href="http://www.thedotproduct.org/tag/background-images/" rel="tag" title="background images (2 topics)">background images</a>, <a href="http://www.thedotproduct.org/tag/css/" rel="tag" title="CSS (5 topics)">CSS</a>, <a href="http://www.thedotproduct.org/tag/eyesight-problems/" rel="tag" title="eyesight problems (1 topics)">eyesight problems</a>, <a href="http://www.thedotproduct.org/tag/image/" rel="tag" title="image (3 topics)">image</a>, <a href="http://www.thedotproduct.org/tag/img/" rel="tag" title="Img (1 topics)">Img</a>, <a href="http://www.thedotproduct.org/tag/perfect-eyesight/" rel="tag" title="perfect eyesight (1 topics)">perfect eyesight</a>, <a href="http://www.thedotproduct.org/tag/screen/" rel="tag" title="Screen (3 topics)">Screen</a>, <a href="http://www.thedotproduct.org/tag/screen-reader-users/" rel="tag" title="screen reader users (1 topics)">screen reader users</a>, <a href="http://www.thedotproduct.org/tag/walks-of-life/" rel="tag" title="walks of life (1 topics)">walks of life</a> </div>
</div>
 
 
<div id="post-523" class="hentry post post-12 even alt author-admin category-xhtml category-apple-safari category-css category-general-web-development category-geo-location category-google-chrome category-iphone category-mobile-development post_tag-apple-iphone post_tag-browser post_tag-browser-users post_tag-desktop post_tag-desktop-browsers post_tag-google post_tag-javascript post_tag-mobile post_tag-mobile-browser post_tag-mobile-device post_tag-mobile-website post_tag-mobile-website-design post_tag-new-york post_tag-oxfordshire post_tag-screen post_tag-sizing-images post_tag-support post_tag-uk post_tag-usa post_tag-use post_tag-website clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/11/mobile-website-deign-development-guidelines/" rel="bookmark" title="Permanent Link: Mobile Website design &amp; development guidelines">Mobile Website design &#038; development guidelines</a></h2>
<div class="post-date">
<p class="day">Nov 3rd</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/xhtml/">(X)HTML</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/11/mobile-website-deign-development-guidelines/#comments" class=" comments">1 comment</a></p>
</div>
<div class="post-content clearfix">
<p>Like it or hate it, the Apple iPhone has ushered in the age of the “Smartphone” which in turn has delivered mobile web-browsing to the masses. The mobile browser, whilst now broadly quite capable (at least on leading platforms), has introduced a slightly different set of requirements in terms of design and development of Websites.</p>
<p>Many, many designers, developers and others have written articles on how to design and/or develop for the mobile browser. I am aiming to summarise what I have learnt from several sources alongside my experience an opinion in a (hopefully) relatively quick and simple way</p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/apple-iphone/" rel="tag" title="Apple IPhone (3 topics)">Apple IPhone</a>, <a href="http://www.thedotproduct.org/tag/browser/" rel="tag" title="browser (2 topics)">browser</a>, <a href="http://www.thedotproduct.org/tag/browser-users/" rel="tag" title="browser users (1 topics)">browser users</a>, <a href="http://www.thedotproduct.org/tag/desktop/" rel="tag" title="desktop (1 topics)">desktop</a>, <a href="http://www.thedotproduct.org/tag/desktop-browsers/" rel="tag" title="desktop browsers (1 topics)">desktop browsers</a>, <a href="http://www.thedotproduct.org/tag/google/" rel="tag" title="google (2 topics)">google</a>, <a href="http://www.thedotproduct.org/tag/javascript/" rel="tag" title="Javascript (6 topics)">Javascript</a>, <a href="http://www.thedotproduct.org/tag/mobile/" rel="tag" title="mobile (1 topics)">mobile</a>, <a href="http://www.thedotproduct.org/tag/mobile-browser/" rel="tag" title="mobile browser (1 topics)">mobile browser</a>, <a href="http://www.thedotproduct.org/tag/mobile-device/" rel="tag" title="mobile device (2 topics)">mobile device</a>, <a href="http://www.thedotproduct.org/tag/mobile-website/" rel="tag" title="mobile website (1 topics)">mobile website</a>, <a href="http://www.thedotproduct.org/tag/mobile-website-design/" rel="tag" title="mobile website design (1 topics)">mobile website design</a>, <a href="http://www.thedotproduct.org/tag/new-york/" rel="tag" title="New York (2 topics)">New York</a>, <a href="http://www.thedotproduct.org/tag/oxfordshire/" rel="tag" title="Oxfordshire (2 topics)">Oxfordshire</a>, <a href="http://www.thedotproduct.org/tag/screen/" rel="tag" title="Screen (3 topics)">Screen</a>, <a href="http://www.thedotproduct.org/tag/sizing-images/" rel="tag" title="sizing images (1 topics)">sizing images</a>, <a href="http://www.thedotproduct.org/tag/support/" rel="tag" title="support (2 topics)">support</a>, <a href="http://www.thedotproduct.org/tag/uk/" rel="tag" title="UK (2 topics)">UK</a>, <a href="http://www.thedotproduct.org/tag/usa/" rel="tag" title="USA (2 topics)">USA</a>, <a href="http://www.thedotproduct.org/tag/use/" rel="tag" title="use (1 topics)">use</a>, <a href="http://www.thedotproduct.org/tag/website/" rel="tag" title="website (2 topics)">website</a> </div>
</div>
 
 
<div id="post-509" class="hentry post post-13 odd author-admin category-xhtml category-apache category-css category-general-web-development category-javascript category-lighttpd category-sysadmin category-website-optimisation post_tag-acceptable-quality post_tag-css post_tag-css-images post_tag-css-sprites post_tag-device post_tag-e-g-cnames post_tag-e-g-html post_tag-e-g-images post_tag-e-g-javascript post_tag-functionality-enhancements post_tag-graphical-content post_tag-http post_tag-iphone post_tag-load post_tag-number post_tag-page post_tag-traditional-advice post_tag-unnecessary-data post_tag-web clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/10/how-to-reduce-web-page-download-time-in-4-simple-steps/" rel="bookmark" title="Permanent Link: How to reduce web page download time in 4 (fairly) simple steps">How to reduce web page download time in 4 (fairly) simple steps</a></h2>
<div class="post-date">
<p class="day">Oct 1st</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/xhtml/">(X)HTML</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/10/how-to-reduce-web-page-download-time-in-4-simple-steps/#comments" class="no comments">No comments</a></p>
</div>
<div class="post-content clearfix">
<p>Web pages have generally become much more bulky in recent years. The trends for JavaScript-based functionality enhancements and the popularisation of digital photography have led to larger amounts of data being transferred (downloaded) per page and I can&#8217;t see a reversal of this happening any time soon. If you&#8217;re using a mobile device such as <a href="http://www.thedotproduct.org/2010/10/how-to-reduce-web-page-download-time-in-4-simple-steps/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/acceptable-quality/" rel="tag" title="acceptable quality (1 topics)">acceptable quality</a>, <a href="http://www.thedotproduct.org/tag/css/" rel="tag" title="CSS (5 topics)">CSS</a>, <a href="http://www.thedotproduct.org/tag/css-images/" rel="tag" title="css images (1 topics)">css images</a>, <a href="http://www.thedotproduct.org/tag/css-sprites/" rel="tag" title="css sprites (2 topics)">css sprites</a>, <a href="http://www.thedotproduct.org/tag/device/" rel="tag" title="device (1 topics)">device</a>, <a href="http://www.thedotproduct.org/tag/e-g-cnames/" rel="tag" title="E.G. CNAMEs (1 topics)">E.G. CNAMEs</a>, <a href="http://www.thedotproduct.org/tag/e-g-html/" rel="tag" title="E.G. HTML (1 topics)">E.G. HTML</a>, <a href="http://www.thedotproduct.org/tag/e-g-images/" rel="tag" title="E.G. Images (1 topics)">E.G. Images</a>, <a href="http://www.thedotproduct.org/tag/e-g-javascript/" rel="tag" title="E.G. JavaScript (1 topics)">E.G. JavaScript</a>, <a href="http://www.thedotproduct.org/tag/functionality-enhancements/" rel="tag" title="functionality enhancements (1 topics)">functionality enhancements</a>, <a href="http://www.thedotproduct.org/tag/graphical-content/" rel="tag" title="graphical content (1 topics)">graphical content</a>, <a href="http://www.thedotproduct.org/tag/http/" rel="tag" title="http (1 topics)">http</a>, <a href="http://www.thedotproduct.org/tag/iphone/" rel="tag" title="IPhone (5 topics)">IPhone</a>, <a href="http://www.thedotproduct.org/tag/load/" rel="tag" title="load (1 topics)">load</a>, <a href="http://www.thedotproduct.org/tag/number/" rel="tag" title="number (2 topics)">number</a>, <a href="http://www.thedotproduct.org/tag/page/" rel="tag" title="page (6 topics)">page</a>, <a href="http://www.thedotproduct.org/tag/traditional-advice/" rel="tag" title="traditional advice (1 topics)">traditional advice</a>, <a href="http://www.thedotproduct.org/tag/unnecessary-data/" rel="tag" title="unnecessary data (1 topics)">unnecessary data</a>, <a href="http://www.thedotproduct.org/tag/web/" rel="tag" title="Web (5 topics)">Web</a> </div>
</div>
 
 
<div id="post-499" class="hentry post post-14 even alt author-admin category-general-web-development post_tag-computer post_tag-control post_tag-control-interface post_tag-left-hand-menu post_tag-linux post_tag-linux-computers post_tag-mac post_tag-menu-check post_tag-music post_tag-network post_tag-vlc post_tag-web-browser-interface clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/09/how-to-create-a-cross-platform-network-controlled-jukebox-system-using-vlc/" rel="bookmark" title="Permanent Link: How to create a cross-platform network controlled jukebox system (using VLC)">How to create a cross-platform network controlled jukebox system (using VLC)</a></h2>
<div class="post-date">
<p class="day">Sep 13th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/general-web-development/">General Web-Development</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/09/how-to-create-a-cross-platform-network-controlled-jukebox-system-using-vlc/#comments" class=" comments">2 comments</a></p>
</div>
<div class="post-content clearfix">
<p>A simple way of setting up a music system (jukebox-style) which can be remote-controlled via a web-browser interface over a computer network.</p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/computer/" rel="tag" title="computer (1 topics)">computer</a>, <a href="http://www.thedotproduct.org/tag/control/" rel="tag" title="control (1 topics)">control</a>, <a href="http://www.thedotproduct.org/tag/control-interface/" rel="tag" title="control interface (1 topics)">control interface</a>, <a href="http://www.thedotproduct.org/tag/left-hand-menu/" rel="tag" title="left hand menu (1 topics)">left hand menu</a>, <a href="http://www.thedotproduct.org/tag/linux/" rel="tag" title="Linux (1 topics)">Linux</a>, <a href="http://www.thedotproduct.org/tag/linux-computers/" rel="tag" title="linux computers (1 topics)">linux computers</a>, <a href="http://www.thedotproduct.org/tag/mac/" rel="tag" title="Mac (5 topics)">Mac</a>, <a href="http://www.thedotproduct.org/tag/menu-check/" rel="tag" title="menu check (1 topics)">menu check</a>, <a href="http://www.thedotproduct.org/tag/music/" rel="tag" title="music (1 topics)">music</a>, <a href="http://www.thedotproduct.org/tag/network/" rel="tag" title="network (1 topics)">network</a>, <a href="http://www.thedotproduct.org/tag/vlc/" rel="tag" title="VLC (1 topics)">VLC</a>, <a href="http://www.thedotproduct.org/tag/web-browser-interface/" rel="tag" title="web browser interface (1 topics)">web browser interface</a> </div>
</div>
 
 
<div id="post-482" class="hentry post post-15 odd author-admin category-xhtml category-browser-bugs category-general-web-development category-javascript category-mootools post_tag-browser post_tag-browser-cache post_tag-browser-stores post_tag-container-element post_tag-container-elements post_tag-correct-dimensions post_tag-dimen post_tag-dom post_tag-dom-tree post_tag-element post_tag-height post_tag-image post_tag-javascript post_tag-mac post_tag-mac-osx post_tag-meta-data post_tag-modern-browsers post_tag-opera post_tag-opera-mac post_tag-page post_tag-parent-container post_tag-quirk post_tag-tag-attributes clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/08/solution-javascript-returns-incorrect-width-or-height-of-an-element-containing-images-when-page-first-loads/" rel="bookmark" title="Permanent Link: Solution: Javascript returns incorrect width or height of an element containing image(s) when page first loads">Solution: Javascript returns incorrect width or height of an element containing image(s) when page first loads</a></h2>
<div class="post-date">
<p class="day">Aug 20th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/xhtml/">(X)HTML</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/08/solution-javascript-returns-incorrect-width-or-height-of-an-element-containing-images-when-page-first-loads/#comments" class=" comments">9 comments</a></p>
</div>
<div class="post-content clearfix">
<p>Recently, I&#8217;ve been doing quite a lot of JavaScript development, part of which involved equalising heights of a group of similar elements on the page. I thought this would be very simple and indeed it was but it threw up a JavaScript quirk which I have seen several times before. The solution is simple, but <a href="http://www.thedotproduct.org/2010/08/solution-javascript-returns-incorrect-width-or-height-of-an-element-containing-images-when-page-first-loads/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/browser/" rel="tag" title="browser (2 topics)">browser</a>, <a href="http://www.thedotproduct.org/tag/browser-cache/" rel="tag" title="browser cache (1 topics)">browser cache</a>, <a href="http://www.thedotproduct.org/tag/browser-stores/" rel="tag" title="browser stores (1 topics)">browser stores</a>, <a href="http://www.thedotproduct.org/tag/container-element/" rel="tag" title="container element (2 topics)">container element</a>, <a href="http://www.thedotproduct.org/tag/container-elements/" rel="tag" title="container elements (1 topics)">container elements</a>, <a href="http://www.thedotproduct.org/tag/correct-dimensions/" rel="tag" title="correct dimensions (1 topics)">correct dimensions</a>, <a href="http://www.thedotproduct.org/tag/dimen/" rel="tag" title="dimen (1 topics)">dimen</a>, <a href="http://www.thedotproduct.org/tag/dom/" rel="tag" title="DOM (4 topics)">DOM</a>, <a href="http://www.thedotproduct.org/tag/dom-tree/" rel="tag" title="dom tree (1 topics)">dom tree</a>, <a href="http://www.thedotproduct.org/tag/element/" rel="tag" title="element (5 topics)">element</a>, <a href="http://www.thedotproduct.org/tag/height/" rel="tag" title="height (1 topics)">height</a>, <a href="http://www.thedotproduct.org/tag/image/" rel="tag" title="image (3 topics)">image</a>, <a href="http://www.thedotproduct.org/tag/javascript/" rel="tag" title="Javascript (6 topics)">Javascript</a>, <a href="http://www.thedotproduct.org/tag/mac/" rel="tag" title="Mac (5 topics)">Mac</a>, <a href="http://www.thedotproduct.org/tag/mac-osx/" rel="tag" title="Mac OSX (4 topics)">Mac OSX</a>, <a href="http://www.thedotproduct.org/tag/meta-data/" rel="tag" title="meta data (1 topics)">meta data</a>, <a href="http://www.thedotproduct.org/tag/modern-browsers/" rel="tag" title="modern browsers (1 topics)">modern browsers</a>, <a href="http://www.thedotproduct.org/tag/opera/" rel="tag" title="opera (1 topics)">opera</a>, <a href="http://www.thedotproduct.org/tag/opera-mac/" rel="tag" title="opera mac (1 topics)">opera mac</a>, <a href="http://www.thedotproduct.org/tag/page/" rel="tag" title="page (6 topics)">page</a>, <a href="http://www.thedotproduct.org/tag/parent-container/" rel="tag" title="parent container (1 topics)">parent container</a>, <a href="http://www.thedotproduct.org/tag/quirk/" rel="tag" title="quirk (1 topics)">quirk</a>, <a href="http://www.thedotproduct.org/tag/tag-attributes/" rel="tag" title="tag attributes (1 topics)">tag attributes</a> </div>
</div>
 
 
<div id="post-469" class="hentry post post-16 even alt author-admin category-general-web-development category-sysadmin post_tag-command-line-tool post_tag-custom-location post_tag-directory post_tag-file post_tag-man post_tag-page post_tag-unix-sysadmin post_tag-user1 post_tag-wget post_tag-wget-man clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/08/wget-saving-files-to-a-custom-location/" rel="bookmark" title="Permanent Link: wget: saving a file to a custom location">wget: saving a file to a custom location</a></h2>
<div class="post-date">
<p class="day">Aug 19th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/general-web-development/">General Web-Development</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/08/wget-saving-files-to-a-custom-location/#comments" class=" comments">1 comment</a></p>
</div>
<div class="post-content clearfix">
<p>This will be a really quick post which will be obvious to unix sysadmin veterans but hopefully will be helpful to us mere mortals&#8230; wget is a linux/*nix command line tool which can download files (including entire websites if options are set correctly) and at first glance, from looking at the wget man page you&#8217;d <a href="http://www.thedotproduct.org/2010/08/wget-saving-files-to-a-custom-location/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/command-line-tool/" rel="tag" title="command line tool (1 topics)">command line tool</a>, <a href="http://www.thedotproduct.org/tag/custom-location/" rel="tag" title="custom location (1 topics)">custom location</a>, <a href="http://www.thedotproduct.org/tag/directory/" rel="tag" title="directory (1 topics)">directory</a>, <a href="http://www.thedotproduct.org/tag/file/" rel="tag" title="file (2 topics)">file</a>, <a href="http://www.thedotproduct.org/tag/man/" rel="tag" title="man (1 topics)">man</a>, <a href="http://www.thedotproduct.org/tag/page/" rel="tag" title="page (6 topics)">page</a>, <a href="http://www.thedotproduct.org/tag/unix-sysadmin/" rel="tag" title="unix sysadmin (1 topics)">unix sysadmin</a>, <a href="http://www.thedotproduct.org/tag/user1/" rel="tag" title="user1 (1 topics)">user1</a>, <a href="http://www.thedotproduct.org/tag/wget/" rel="tag" title="wget (1 topics)">wget</a>, <a href="http://www.thedotproduct.org/tag/wget-man/" rel="tag" title="wget man (1 topics)">wget man</a> </div>
</div>
 
 
<div id="post-458" class="hentry post post-17 odd author-admin category-general-web-development category-javascript category-mootools post_tag-container-element post_tag-div post_tag-div-id post_tag-element post_tag-html post_tag-html-xmlns post_tag-link-rel-stylesheet post_tag-mootools post_tag-morph post_tag-new-element clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/08/mootools-element-morph-example/" rel="bookmark" title="Permanent Link: Mootools element.morph() example">Mootools element.morph() example</a></h2>
<div class="post-date">
<p class="day">Aug 17th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/general-web-development/">General Web-Development</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/08/mootools-element-morph-example/#comments" class=" comments">3 comments</a></p>
</div>
<div class="post-content clearfix">
<p>A simple example of the time-saving element.morph() Mootools method which allows you to morph HTML elements from one property set to another.</p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/container-element/" rel="tag" title="container element (2 topics)">container element</a>, <a href="http://www.thedotproduct.org/tag/div/" rel="tag" title="div (2 topics)">div</a>, <a href="http://www.thedotproduct.org/tag/div-id/" rel="tag" title="div id (1 topics)">div id</a>, <a href="http://www.thedotproduct.org/tag/element/" rel="tag" title="element (5 topics)">element</a>, <a href="http://www.thedotproduct.org/tag/html/" rel="tag" title="HTML (7 topics)">HTML</a>, <a href="http://www.thedotproduct.org/tag/html-xmlns/" rel="tag" title="html xmlns (1 topics)">html xmlns</a>, <a href="http://www.thedotproduct.org/tag/link-rel-stylesheet/" rel="tag" title="link rel stylesheet (1 topics)">link rel stylesheet</a>, <a href="http://www.thedotproduct.org/tag/mootools/" rel="tag" title="MooTools (3 topics)">MooTools</a>, <a href="http://www.thedotproduct.org/tag/morph/" rel="tag" title="morph (1 topics)">morph</a>, <a href="http://www.thedotproduct.org/tag/new-element/" rel="tag" title="new element (1 topics)">new element</a> </div>
</div>
 
 
<div id="post-453" class="hentry post post-18 even alt author-admin category-sysadmin post_tag-ftp post_tag-home post_tag-initial-connection-speed post_tag-initial-connections post_tag-passive-connections post_tag-proftpd post_tag-proftpd-server post_tag-system post_tag-unix-system-users post_tag-user clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/08/proftpd-chroot-enable-passive-connections-speed-up/" rel="bookmark" title="Permanent Link: Quick &#8220;how to&#8221;: ProFTPd chroot, speed up connections and enable passive connections">Quick &#8220;how to&#8221;: ProFTPd chroot, speed up connections and enable passive connections</a></h2>
<div class="post-date">
<p class="day">Aug 16th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/sysadmin/">Sysadmin</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/08/proftpd-chroot-enable-passive-connections-speed-up/#comments" class=" comments">1 comment</a></p>
</div>
<div class="post-content clearfix">
<p>This post is a really quick &#8220;how to&#8221; &#8211; working with ProFTPd on Debian Linux and will explain how to chroot your FTP users, speed up connections and enable passive connections which can be very handy for those behind firewalls. You&#8217;ll first need to locate your main ProFTPd config file which on my system is <a href="http://www.thedotproduct.org/2010/08/proftpd-chroot-enable-passive-connections-speed-up/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/ftp/" rel="tag" title="FTP (1 topics)">FTP</a>, <a href="http://www.thedotproduct.org/tag/home/" rel="tag" title="home (1 topics)">home</a>, <a href="http://www.thedotproduct.org/tag/initial-connection-speed/" rel="tag" title="initial connection speed (1 topics)">initial connection speed</a>, <a href="http://www.thedotproduct.org/tag/initial-connections/" rel="tag" title="initial connections (1 topics)">initial connections</a>, <a href="http://www.thedotproduct.org/tag/passive-connections/" rel="tag" title="passive connections (1 topics)">passive connections</a>, <a href="http://www.thedotproduct.org/tag/proftpd/" rel="tag" title="ProFTPd (1 topics)">ProFTPd</a>, <a href="http://www.thedotproduct.org/tag/proftpd-server/" rel="tag" title="proftpd server (1 topics)">proftpd server</a>, <a href="http://www.thedotproduct.org/tag/system/" rel="tag" title="system (1 topics)">system</a>, <a href="http://www.thedotproduct.org/tag/unix-system-users/" rel="tag" title="unix system users (1 topics)">unix system users</a>, <a href="http://www.thedotproduct.org/tag/user/" rel="tag" title="USER (3 topics)">USER</a> </div>
</div>
 
 
<div id="post-445" class="hentry post post-19 odd author-admin category-general-web-development category-javascript category-mootools post_tag-bit post_tag-child-elements post_tag-dom post_tag-element post_tag-element-methods post_tag-first-glance post_tag-fragment post_tag-function post_tag-fundamental-difference post_tag-getchildren post_tag-item post_tag-javascript post_tag-list post_tag-mootools post_tag-one-lt post_tag-situation post_tag-sub clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/08/mootools-getchildren-vs-getelements-whats-the-difference/" rel="bookmark" title="Permanent Link: Mootools element.getChildren() Vs element.getElements() &#8211; What&#8217;s the difference?">Mootools element.getChildren() Vs element.getElements() &#8211; What&#8217;s the difference?</a></h2>
<div class="post-date">
<p class="day">Aug 6th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/general-web-development/">General Web-Development</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/08/mootools-getchildren-vs-getelements-whats-the-difference/#comments" class=" comments">1 comment</a></p>
</div>
<div class="post-content clearfix">
<p>A really quick post detailing the main differences between the very useful Mootools Javascript element.getChildren() and element.getElements() methods.</p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/bit/" rel="tag" title="bit (1 topics)">bit</a>, <a href="http://www.thedotproduct.org/tag/child-elements/" rel="tag" title="child elements (1 topics)">child elements</a>, <a href="http://www.thedotproduct.org/tag/dom/" rel="tag" title="DOM (4 topics)">DOM</a>, <a href="http://www.thedotproduct.org/tag/element/" rel="tag" title="element (5 topics)">element</a>, <a href="http://www.thedotproduct.org/tag/element-methods/" rel="tag" title="element methods (1 topics)">element methods</a>, <a href="http://www.thedotproduct.org/tag/first-glance/" rel="tag" title="first glance (1 topics)">first glance</a>, <a href="http://www.thedotproduct.org/tag/fragment/" rel="tag" title="fragment (1 topics)">fragment</a>, <a href="http://www.thedotproduct.org/tag/function/" rel="tag" title="function (2 topics)">function</a>, <a href="http://www.thedotproduct.org/tag/fundamental-difference/" rel="tag" title="fundamental difference (1 topics)">fundamental difference</a>, <a href="http://www.thedotproduct.org/tag/getchildren/" rel="tag" title="getChildren (1 topics)">getChildren</a>, <a href="http://www.thedotproduct.org/tag/item/" rel="tag" title="item (2 topics)">item</a>, <a href="http://www.thedotproduct.org/tag/javascript/" rel="tag" title="Javascript (6 topics)">Javascript</a>, <a href="http://www.thedotproduct.org/tag/list/" rel="tag" title="list (1 topics)">list</a>, <a href="http://www.thedotproduct.org/tag/mootools/" rel="tag" title="MooTools (3 topics)">MooTools</a>, <a href="http://www.thedotproduct.org/tag/one-lt/" rel="tag" title="one lt (1 topics)">one lt</a>, <a href="http://www.thedotproduct.org/tag/situation/" rel="tag" title="situation (1 topics)">situation</a>, <a href="http://www.thedotproduct.org/tag/sub/" rel="tag" title="sub (1 topics)">sub</a> </div>
</div>
 
 
<div id="post-439" class="hentry post post-20 even alt author-admin category-css category-css-basics category-general-web-development post_tag-border post_tag-css post_tag-css2-properties post_tag-element post_tag-element-width post_tag-glance post_tag-internet-explorer-7 post_tag-outline post_tag-w3c-specification post_tag-width clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/07/difference-between-css-outline-and-border/" rel="bookmark" title="Permanent Link: CSS Basics: The difference between outline and border">CSS Basics: The difference between outline and border</a></h2>
<div class="post-date">
<p class="day">Jul 26th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/css/">CSS</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/07/difference-between-css-outline-and-border/#comments" class=" comments">3 comments</a></p>
</div>
<div class="post-content clearfix">
<p>CSS outline and border are at a glance very similar but have a few important differences: Outline is effectively overlaid over the top of the element it is applied to and therefore outline does not add to the element width whereas border does add to the element width Outline (according to the official W3C specification <a href="http://www.thedotproduct.org/2010/07/difference-between-css-outline-and-border/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/border/" rel="tag" title="border (1 topics)">border</a>, <a href="http://www.thedotproduct.org/tag/css/" rel="tag" title="CSS (5 topics)">CSS</a>, <a href="http://www.thedotproduct.org/tag/css2-properties/" rel="tag" title="css2 properties (1 topics)">css2 properties</a>, <a href="http://www.thedotproduct.org/tag/element/" rel="tag" title="element (5 topics)">element</a>, <a href="http://www.thedotproduct.org/tag/element-width/" rel="tag" title="element width (1 topics)">element width</a>, <a href="http://www.thedotproduct.org/tag/glance/" rel="tag" title="glance (1 topics)">glance</a>, <a href="http://www.thedotproduct.org/tag/internet-explorer-7/" rel="tag" title="internet explorer 7 (1 topics)">internet explorer 7</a>, <a href="http://www.thedotproduct.org/tag/outline/" rel="tag" title="outline (1 topics)">outline</a>, <a href="http://www.thedotproduct.org/tag/w3c-specification/" rel="tag" title="w3c specification (1 topics)">w3c specification</a>, <a href="http://www.thedotproduct.org/tag/width/" rel="tag" title="width (1 topics)">width</a> </div>
</div>
 
 
<div id="post-431" class="hentry post post-21 odd author-admin category-xhtml category-apple-safari category-browser-bugs category-css category-google-chrome category-internet-explorer post_tag-annoying-bug post_tag-bug post_tag-class post_tag-explorer post_tag-global-style post_tag-internet post_tag-internet-explorer-8 post_tag-parent-element post_tag-strangest-thing post_tag-text clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/07/internet-explorer-8-chrome-safari-text-in-strong-tag-not-bold/" rel="bookmark" title="Permanent Link: Internet Explorer 8, Chrome &amp; Safari bug: Text in strong tags not bold">Internet Explorer 8, Chrome &#038; Safari bug: Text in strong tags not bold</a></h2>
<div class="post-date">
<p class="day">Jul 5th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/xhtml/">(X)HTML</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/07/internet-explorer-8-chrome-safari-text-in-strong-tag-not-bold/#comments" class=" comments">6 comments</a></p>
</div>
<div class="post-content clearfix">
<p>This&#8217;ll be a quick post. There is a very annoying bug in Internet Explorer 8 (not IE6 or IE7), Chrome and Safari whereby text inside a &lt;strong&gt; tag is not displayed in bold!I haven&#8217;t yet figured out exactly under which conditions this bug manifests itself so if you know, please send me a message via <a href="http://www.thedotproduct.org/2010/07/internet-explorer-8-chrome-safari-text-in-strong-tag-not-bold/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/annoying-bug/" rel="tag" title="annoying bug (1 topics)">annoying bug</a>, <a href="http://www.thedotproduct.org/tag/bug/" rel="tag" title="bug (1 topics)">bug</a>, <a href="http://www.thedotproduct.org/tag/class/" rel="tag" title="class (2 topics)">class</a>, <a href="http://www.thedotproduct.org/tag/explorer/" rel="tag" title="Explorer (1 topics)">Explorer</a>, <a href="http://www.thedotproduct.org/tag/global-style/" rel="tag" title="global style (1 topics)">global style</a>, <a href="http://www.thedotproduct.org/tag/internet/" rel="tag" title="internet (1 topics)">internet</a>, <a href="http://www.thedotproduct.org/tag/internet-explorer-8/" rel="tag" title="internet explorer 8 (2 topics)">internet explorer 8</a>, <a href="http://www.thedotproduct.org/tag/parent-element/" rel="tag" title="parent element (1 topics)">parent element</a>, <a href="http://www.thedotproduct.org/tag/strangest-thing/" rel="tag" title="strangest thing (1 topics)">strangest thing</a>, <a href="http://www.thedotproduct.org/tag/text/" rel="tag" title="text (2 topics)">text</a> </div>
</div>
 
 
<div id="post-424" class="hentry post post-22 even alt author-admin category-general-web-development category-html-emails post_tag-email post_tag-email-clients post_tag-html post_tag-html-email post_tag-html-emails post_tag-nasty-table post_tag-outlook post_tag-photoshop post_tag-solution post_tag-support-background-images clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/07/outlook-2007-2010-bug-tall-images-cropped-html-email/" rel="bookmark" title="Permanent Link: Outlook 2007 &amp; 2010 bug: Embedded images being cropped">Outlook 2007 &#038; 2010 bug: Embedded images being cropped</a></h2>
<div class="post-date">
<p class="day">Jul 2nd</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/general-web-development/">General Web-Development</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/07/outlook-2007-2010-bug-tall-images-cropped-html-email/#comments" class=" comments">9 comments</a></p>
</div>
<div class="post-content clearfix">
<p>I&#8217;ve just been creating the HTML for an Email to be sent out on behalf of a client and have found what appears to be a bug in Outlook 2007 &amp; 2010 (which use the MS Word rendering engine) when using tall images in HTML Emails. My HTML Email was created from a JPEG designed <a href="http://www.thedotproduct.org/2010/07/outlook-2007-2010-bug-tall-images-cropped-html-email/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/email/" rel="tag" title="Email (3 topics)">Email</a>, <a href="http://www.thedotproduct.org/tag/email-clients/" rel="tag" title="email clients (2 topics)">email clients</a>, <a href="http://www.thedotproduct.org/tag/html/" rel="tag" title="HTML (7 topics)">HTML</a>, <a href="http://www.thedotproduct.org/tag/html-email/" rel="tag" title="html email (1 topics)">html email</a>, <a href="http://www.thedotproduct.org/tag/html-emails/" rel="tag" title="html emails (2 topics)">html emails</a>, <a href="http://www.thedotproduct.org/tag/nasty-table/" rel="tag" title="nasty table (1 topics)">nasty table</a>, <a href="http://www.thedotproduct.org/tag/outlook/" rel="tag" title="outlook (2 topics)">outlook</a>, <a href="http://www.thedotproduct.org/tag/photoshop/" rel="tag" title="Photoshop (1 topics)">Photoshop</a>, <a href="http://www.thedotproduct.org/tag/solution/" rel="tag" title="Solution (1 topics)">Solution</a>, <a href="http://www.thedotproduct.org/tag/support-background-images/" rel="tag" title="support background images (1 topics)">support background images</a> </div>
</div>
 
 
<div id="post-406" class="hentry post post-23 odd author-admin category-xhtml category-apple category-email-clients category-general-web-development category-html-emails category-iphone post_tag-apple-mail post_tag-email post_tag-email-client-rendering-engines post_tag-email-clients post_tag-engine post_tag-horrible-experience post_tag-html post_tag-html-emails post_tag-internet-explorer-web post_tag-layout-problems post_tag-lotus-notes post_tag-mail-apps post_tag-microsoft post_tag-microsoft-office-word post_tag-microsoft-outlook post_tag-mozilla-thunderbird post_tag-outlook post_tag-outlook-2007 post_tag-outlook-2010 post_tag-pc-so post_tag-rendering post_tag-testing post_tag-thing post_tag-web post_tag-word post_tag-yahoo-mail clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/06/email-client-rendering-engines-testing-layouts/" rel="bookmark" title="Permanent Link: Email client rendering engines &#8211; useful information for testing HTML email layouts">Email client rendering engines &#8211; useful information for testing HTML email layouts</a></h2>
<div class="post-date">
<p class="day">Jun 21st</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/xhtml/">(X)HTML</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/06/email-client-rendering-engines-testing-layouts/#comments" class=" comments">2 comments</a></p>
</div>
<div class="post-content clearfix">
<p>As every web-developer knows, testing your Web pages on the myriad of popular Web browsers can often be a horrible experience&#8230;and if there&#8217;s one thing which is even worse than testing web pages in different browsers, it surely has to be testing HTML Email layout in multiple Email clients!</p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/apple-mail/" rel="tag" title="Apple Mail (1 topics)">Apple Mail</a>, <a href="http://www.thedotproduct.org/tag/email/" rel="tag" title="Email (3 topics)">Email</a>, <a href="http://www.thedotproduct.org/tag/email-client-rendering-engines/" rel="tag" title="email client rendering engines (1 topics)">email client rendering engines</a>, <a href="http://www.thedotproduct.org/tag/email-clients/" rel="tag" title="email clients (2 topics)">email clients</a>, <a href="http://www.thedotproduct.org/tag/engine/" rel="tag" title="Engine (1 topics)">Engine</a>, <a href="http://www.thedotproduct.org/tag/horrible-experience/" rel="tag" title="horrible experience (1 topics)">horrible experience</a>, <a href="http://www.thedotproduct.org/tag/html/" rel="tag" title="HTML (7 topics)">HTML</a>, <a href="http://www.thedotproduct.org/tag/html-emails/" rel="tag" title="html emails (2 topics)">html emails</a>, <a href="http://www.thedotproduct.org/tag/internet-explorer-web/" rel="tag" title="internet explorer web (1 topics)">internet explorer web</a>, <a href="http://www.thedotproduct.org/tag/layout-problems/" rel="tag" title="layout problems (1 topics)">layout problems</a>, <a href="http://www.thedotproduct.org/tag/lotus-notes/" rel="tag" title="lotus notes (1 topics)">lotus notes</a>, <a href="http://www.thedotproduct.org/tag/mail-apps/" rel="tag" title="mail apps (1 topics)">mail apps</a>, <a href="http://www.thedotproduct.org/tag/microsoft/" rel="tag" title="Microsoft (1 topics)">Microsoft</a>, <a href="http://www.thedotproduct.org/tag/microsoft-office-word/" rel="tag" title="microsoft office word (1 topics)">microsoft office word</a>, <a href="http://www.thedotproduct.org/tag/microsoft-outlook/" rel="tag" title="microsoft outlook (1 topics)">microsoft outlook</a>, <a href="http://www.thedotproduct.org/tag/mozilla-thunderbird/" rel="tag" title="mozilla thunderbird (1 topics)">mozilla thunderbird</a>, <a href="http://www.thedotproduct.org/tag/outlook/" rel="tag" title="outlook (2 topics)">outlook</a>, <a href="http://www.thedotproduct.org/tag/outlook-2007/" rel="tag" title="outlook 2007 (1 topics)">outlook 2007</a>, <a href="http://www.thedotproduct.org/tag/outlook-2010/" rel="tag" title="outlook 2010 (1 topics)">outlook 2010</a>, <a href="http://www.thedotproduct.org/tag/pc-so/" rel="tag" title="PC. So (1 topics)">PC. So</a>, <a href="http://www.thedotproduct.org/tag/rendering/" rel="tag" title="rendering (1 topics)">rendering</a>, <a href="http://www.thedotproduct.org/tag/testing/" rel="tag" title="testing (1 topics)">testing</a>, <a href="http://www.thedotproduct.org/tag/thing/" rel="tag" title="thing (1 topics)">thing</a>, <a href="http://www.thedotproduct.org/tag/web/" rel="tag" title="Web (5 topics)">Web</a>, <a href="http://www.thedotproduct.org/tag/word/" rel="tag" title="Word (1 topics)">Word</a>, <a href="http://www.thedotproduct.org/tag/yahoo-mail/" rel="tag" title="yahoo mail (1 topics)">yahoo mail</a> </div>
</div>
 
 
<div id="post-388" class="hentry post post-24 even alt author-admin category-apache category-general-web-development category-lighttpd category-mysql category-sysadmin post_tag-apache-vhost post_tag-base-functionality post_tag-example post_tag-file post_tag-lenny post_tag-lenny-virtual post_tag-lighttpd post_tag-linux-distribution post_tag-mod post_tag-mysql post_tag-server post_tag-server-modules post_tag-shell-script post_tag-sql post_tag-vhost post_tag-vhost-config-from-mysql post_tag-vhost-from-mysql post_tag-web-interface post_tag-web-servers clearfix">
<h2 class="title"><a href="http://www.thedotproduct.org/2010/06/vhost-config-from-sql-database-lighttpd-an-alternative-to-apache/" rel="bookmark" title="Permanent Link: Tutorial: VHost config from SQL Database &#8211; Lighttpd an alternative to Apache">Tutorial: VHost config from SQL Database &#8211; Lighttpd an alternative to Apache</a></h2>
<div class="post-date">
<p class="day">Jun 10th</p>
</div>
<div class="post-info clearfix ">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/apache/">Apache</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/06/vhost-config-from-sql-database-lighttpd-an-alternative-to-apache/#comments" class="no comments">No comments</a></p>
</div>
<div class="post-content clearfix">
<p>Lighttpd is an alternative to the very popular Apache web-server &#8211; I have just found out that Lighttpd can draw it&#8217;s vhost configuration from a MySQL Database which is definitely a one-up on Apache, at least as far as I know.</p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/apache-vhost/" rel="tag" title="apache vhost (1 topics)">apache vhost</a>, <a href="http://www.thedotproduct.org/tag/base-functionality/" rel="tag" title="base functionality (1 topics)">base functionality</a>, <a href="http://www.thedotproduct.org/tag/example/" rel="tag" title="example (1 topics)">example</a>, <a href="http://www.thedotproduct.org/tag/file/" rel="tag" title="file (2 topics)">file</a>, <a href="http://www.thedotproduct.org/tag/lenny/" rel="tag" title="Lenny (2 topics)">Lenny</a>, <a href="http://www.thedotproduct.org/tag/lenny-virtual/" rel="tag" title="Lenny Virtual (1 topics)">Lenny Virtual</a>, <a href="http://www.thedotproduct.org/tag/lighttpd/" rel="tag" title="lighttpd (1 topics)">lighttpd</a>, <a href="http://www.thedotproduct.org/tag/linux-distribution/" rel="tag" title="linux distribution (1 topics)">linux distribution</a>, <a href="http://www.thedotproduct.org/tag/mod/" rel="tag" title="mod (1 topics)">mod</a>, <a href="http://www.thedotproduct.org/tag/mysql/" rel="tag" title="MySQL (2 topics)">MySQL</a>, <a href="http://www.thedotproduct.org/tag/server/" rel="tag" title="Server (5 topics)">Server</a>, <a href="http://www.thedotproduct.org/tag/server-modules/" rel="tag" title="server modules (1 topics)">server modules</a>, <a href="http://www.thedotproduct.org/tag/shell-script/" rel="tag" title="shell script (1 topics)">shell script</a>, <a href="http://www.thedotproduct.org/tag/sql/" rel="tag" title="sql (1 topics)">sql</a>, <a href="http://www.thedotproduct.org/tag/vhost/" rel="tag" title="Vhost (1 topics)">Vhost</a>, <a href="http://www.thedotproduct.org/tag/vhost-config-from-mysql/" rel="tag" title="vhost config from mysql (1 topics)">vhost config from mysql</a>, <a href="http://www.thedotproduct.org/tag/vhost-from-mysql/" rel="tag" title="vhost from mysql (1 topics)">vhost from mysql</a>, <a href="http://www.thedotproduct.org/tag/web-interface/" rel="tag" title="web interface (1 topics)">web interface</a>, <a href="http://www.thedotproduct.org/tag/web-servers/" rel="tag" title="web servers (1 topics)">web servers</a> </div>
</div>
 
 
<div id="post-382" class="hentry post post-25 odd author-admin category-apple category-general-web-development category-sysadmin post_tag-apple-mac post_tag-dig post_tag-global-options post_tag-lookupd post_tag-mac post_tag-mac-osx post_tag-neil-craigs post_tag-org post_tag-query-status post_tag-question-section post_tag-showip post_tag-terminal post_tag-thedotproduct post_tag-tiger post_tag-www clearfix">
<a class="post-thumb size-post-thumbnail alignleft" href="http://www.thedotproduct.org/2010/06/flush-dns-cache-mac-osx-10-4-10-5-and-10-6/"><img width="83" height="35" src="http://www.thedotproduct.org/wp-content/uploads/2010/06/Screen-shot-2010-06-08-at-10.22.53.png" class="attachment-post-thumbnail" alt="Show IP example" title="Show IP example"/></a>
<h2 class="title"><a href="http://www.thedotproduct.org/2010/06/flush-dns-cache-mac-osx-10-4-10-5-and-10-6/" rel="bookmark" title="Permanent Link: Flushing your DNS cache on Mac OSX 10.4, 10.5 and 10.6">Flushing your DNS cache on Mac OSX 10.4, 10.5 and 10.6</a></h2>
<div class="post-date">
<p class="day">Jun 8th</p>
</div>
<div class="post-info clearfix with-thumbs">
<p class="author alignleft">Posted by <a href="http://www.thedotproduct.org/author/admin/" title="Posts by Neil Craig ">Neil Craig</a> in <a href="http://www.thedotproduct.org/category/apple/">Apple</a> </p>
<p class="comments alignright"><a href="http://www.thedotproduct.org/2010/06/flush-dns-cache-mac-osx-10-4-10-5-and-10-6/#comments" class="no comments">No comments</a></p>
</div>
<div class="post-content clearfix">
<p>If like me, you have to transfer websites between servers from time to time and you use an Apple Mac, you&#8217;ll probably need to know how to flush your DNS on Mac OSX (flushing is the term used for removing of all records to force an update). For all versions of OSX, the simplest way <a href="http://www.thedotproduct.org/2010/06/flush-dns-cache-mac-osx-10-4-10-5-and-10-6/" class="more-link">More &gt;</a></p>
</div>
<div class="post-tags">
<a href="http://www.thedotproduct.org/tag/apple-mac/" rel="tag" title="Apple Mac (2 topics)">Apple Mac</a>, <a href="http://www.thedotproduct.org/tag/dig/" rel="tag" title="dig (1 topics)">dig</a>, <a href="http://www.thedotproduct.org/tag/global-options/" rel="tag" title="global options (1 topics)">global options</a>, <a href="http://www.thedotproduct.org/tag/lookupd/" rel="tag" title="lookupd (1 topics)">lookupd</a>, <a href="http://www.thedotproduct.org/tag/mac/" rel="tag" title="Mac (5 topics)">Mac</a>, <a href="http://www.thedotproduct.org/tag/mac-osx/" rel="tag" title="Mac OSX (4 topics)">Mac OSX</a>, <a href="http://www.thedotproduct.org/tag/neil-craigs/" rel="tag" title="Neil-Craigs- (1 topics)">Neil-Craigs-</a>, <a href="http://www.thedotproduct.org/tag/org/" rel="tag" title="org (1 topics)">org</a>, <a href="http://www.thedotproduct.org/tag/query-status/" rel="tag" title="query status (1 topics)">query status</a>, <a href="http://www.thedotproduct.org/tag/question-section/" rel="tag" title="question section (1 topics)">question section</a>, <a href="http://www.thedotproduct.org/tag/showip/" rel="tag" title="showip (1 topics)">showip</a>, <a href="http://www.thedotproduct.org/tag/terminal/" rel="tag" title="Terminal (1 topics)">Terminal</a>, <a href="http://www.thedotproduct.org/tag/thedotproduct/" rel="tag" title="thedotproduct (1 topics)">thedotproduct</a>, <a href="http://www.thedotproduct.org/tag/tiger/" rel="tag" title="Tiger (1 topics)">Tiger</a>, <a href="http://www.thedotproduct.org/tag/www/" rel="tag" title="www (1 topics)">www</a> </div>
</div>
 
 
<div class="page-navigation  clearfix">
<span class="current">1</span><a href="http://www.thedotproduct.org/page/2/" title="Go to page 2">2</a><a href="http://www.thedotproduct.org/page/2/">&raquo;</a>
</div>
 
</div>
</div>
 
<div id="sidebar">
<ul class="blocks">
<li class="block"><div class="block-widget_search clearfix" id="instance-search-3"><h3 class="title"><span>Search</span></h3><div class="block-div"></div><div class="block-div-arrow"></div>
 
<div class="search-form">
<form method="get" id="searchform" action="http://www.thedotproduct.org/" class="clearfix">
<fieldset>
<div id="searchfield">
<input type="text" name="s" id="searchbox" class="text clearField" value="Search"/>
</div>
<input type="submit" value="" class="submit"/>
</fieldset>
</form>
</div>
 
</div></li> <li class="block"><div class="block-widget_recent_entries clearfix" id="instance-recent-posts-3"> <h3 class="title"><span>Recent articles</span></h3><div class="block-div"></div><div class="block-div-arrow"></div> <ul>
<li><a href="http://www.thedotproduct.org/2012/11/css-previous-sibling-selector/" title="Previous sibling, the missing CSS selector?">Previous sibling, the missing CSS selector?</a></li>
<li><a href="http://www.thedotproduct.org/2012/07/how-to-install-a-java-runtime-on-apple-mac-osx-mountain-lion/" title="How to install a Java runtime on Apple Mac OSX Mountain Lion">How to install a Java runtime on Apple Mac OSX Mountain Lion</a></li>
<li><a href="http://www.thedotproduct.org/2012/07/nodejs-npm-registry-addupdate-notifications-via-twitter/" title="NodeJS NPM registry add/update notifications via Twitter">NodeJS NPM registry add/update notifications via Twitter</a></li>
<li><a href="http://www.thedotproduct.org/2012/07/quick-tutorial-installing-openstack-as-all-in-one-using-stackops/" title="Quick tutorial: installing Openstack as all-in-one using Stackops">Quick tutorial: installing Openstack as all-in-one using Stackops</a></li>
<li><a href="http://www.thedotproduct.org/2012/06/quick-fix-cant-log-in-to-ubuntu-12-04-gnome-via-rdp-failed-to-load-session-ubuntu/" title="Quick fix: Can&#8217;t log in to Ubuntu 12.04 Gnome via RDP &#8211; failed to load session ubuntu">Quick fix: Can&#8217;t log in to Ubuntu 12.04 Gnome via RDP &#8211; failed to load session ubuntu</a></li>
</ul>
</div></li><li class="block"><div class="block-widget_categories clearfix" id="instance-categories-3"><h3 class="title"><span>Article categories</span></h3><div class="block-div"></div><div class="block-div-arrow"></div> <ul>
<li class="cat-item cat-item-5"><a href="http://www.thedotproduct.org/category/xhtml/" title="XHTML and HTML">(X)HTML</a> (10)
</li>
<li class="cat-item cat-item-720"><a href="http://www.thedotproduct.org/category/accessibility/" title="View all posts filed under Accessibility">Accessibility</a> (1)
</li>
<li class="cat-item cat-item-9"><a href="http://www.thedotproduct.org/category/adobe-flash/" title="View all posts filed under Adobe Flash">Adobe Flash</a> (2)
</li>
<li class="cat-item cat-item-449"><a href="http://www.thedotproduct.org/category/apache/" title="View all posts filed under Apache">Apache</a> (3)
</li>
<li class="cat-item cat-item-412"><a href="http://www.thedotproduct.org/category/apple/" title="View all posts filed under Apple">Apple</a> (6)
</li>
<li class="cat-item cat-item-530"><a href="http://www.thedotproduct.org/category/apple-safari/" title="View all posts filed under Apple Safari">Apple Safari</a> (2)
</li>
<li class="cat-item cat-item-785"><a href="http://www.thedotproduct.org/category/backups/" title="View all posts filed under Backups">Backups</a> (1)
</li>
<li class="cat-item cat-item-8"><a href="http://www.thedotproduct.org/category/browser-bugs/" title="View all posts filed under Browser bugs">Browser bugs</a> (3)
</li>
<li class="cat-item cat-item-3"><a href="http://www.thedotproduct.org/category/css/" title="CSS Stylesheets">CSS</a> (8)
</li>
<li class="cat-item cat-item-534"><a href="http://www.thedotproduct.org/category/css-basics/" title="View all posts filed under CSS Basics">CSS Basics</a> (1)
</li>
<li class="cat-item cat-item-323"><a href="http://www.thedotproduct.org/category/css3/" title="View all posts filed under CSS3">CSS3</a> (2)
</li>
<li class="cat-item cat-item-811"><a href="http://www.thedotproduct.org/category/devstack/" title="View all posts filed under devstack">devstack</a> (1)
</li>
<li class="cat-item cat-item-204"><a href="http://www.thedotproduct.org/category/email/" title="View all posts filed under Email">Email</a> (1)
</li>
<li class="cat-item cat-item-206"><a href="http://www.thedotproduct.org/category/email-clients/" title="View all posts filed under email clients">email clients</a> (1)
</li>
<li class="cat-item cat-item-52"><a href="http://www.thedotproduct.org/category/firefox/" title="View all posts filed under FireFox">FireFox</a> (2)
</li>
<li class="cat-item cat-item-181"><a href="http://www.thedotproduct.org/category/gecko/" title="View all posts filed under Gecko">Gecko</a> (1)
</li>
<li class="cat-item cat-item-1"><a href="http://www.thedotproduct.org/category/general-web-development/" title="Anything which doesn&#039;t fit in a more specific category">General Web-Development</a> (30)
</li>
<li class="cat-item cat-item-288"><a href="http://www.thedotproduct.org/category/geo-location/" title="View all posts filed under Geo location">Geo location</a> (3)
</li>
<li class="cat-item cat-item-529"><a href="http://www.thedotproduct.org/category/google-chrome/" title="View all posts filed under Google Chrome">Google Chrome</a> (3)
</li>
<li class="cat-item cat-item-475"><a href="http://www.thedotproduct.org/category/html-emails/" title="View all posts filed under html emails">html emails</a> (2)
</li>
<li class="cat-item cat-item-104"><a href="http://www.thedotproduct.org/category/html5/" title="View all posts filed under HTML5">HTML5</a> (6)
</li>
<li class="cat-item cat-item-188"><a href="http://www.thedotproduct.org/category/internet-explorer/" title="View all posts filed under internet explorer">internet explorer</a> (1)
</li>
<li class="cat-item cat-item-15"><a href="http://www.thedotproduct.org/category/iphone/" title="View all posts filed under IPhone">IPhone</a> (4)
</li>
<li class="cat-item cat-item-833"><a href="http://www.thedotproduct.org/category/java/" title="View all posts filed under Java">Java</a> (1)
</li>
<li class="cat-item cat-item-6"><a href="http://www.thedotproduct.org/category/javascript/" title="Javascript (ECMA Script, JScript)">Javascript</a> (11)
</li>
<li class="cat-item cat-item-451"><a href="http://www.thedotproduct.org/category/lighttpd/" title="View all posts filed under lighttpd">lighttpd</a> (2)
</li>
<li class="cat-item cat-item-7"><a href="http://www.thedotproduct.org/category/mobile-development/" title="Development for Mobile Devices such as Apple IPhone or RIM Blackberry">Mobile Device Development</a> (5)
</li>
<li class="cat-item cat-item-167"><a href="http://www.thedotproduct.org/category/mootools/" title="View all posts filed under MooTools">MooTools</a> (3)
</li>
<li class="cat-item cat-item-22"><a href="http://www.thedotproduct.org/category/mysql/" title="View all posts filed under MySQL">MySQL</a> (2)
</li>
<li class="cat-item cat-item-757"><a href="http://www.thedotproduct.org/category/nginx/" title="View all posts filed under Nginx">Nginx</a> (1)
</li>
<li class="cat-item cat-item-822"><a href="http://www.thedotproduct.org/category/nodejs/" title="View all posts filed under NodeJS">NodeJS</a> (1)
</li>
<li class="cat-item cat-item-827"><a href="http://www.thedotproduct.org/category/npm/" title="View all posts filed under npm">npm</a> (1)
</li>
<li class="cat-item cat-item-809"><a href="http://www.thedotproduct.org/category/openstack/" title="View all posts filed under Openstack">Openstack</a> (1)
</li>
<li class="cat-item cat-item-758"><a href="http://www.thedotproduct.org/category/php-fpm/" title="View all posts filed under PHP-FPM">PHP-FPM</a> (1)
</li>
<li class="cat-item cat-item-238"><a href="http://www.thedotproduct.org/category/qmail/" title="View all posts filed under Qmail">Qmail</a> (1)
</li>
<li class="cat-item cat-item-821"><a href="http://www.thedotproduct.org/category/stackops/" title="View all posts filed under Stackops">Stackops</a> (1)
</li>
<li class="cat-item cat-item-266"><a href="http://www.thedotproduct.org/category/sysadmin/" title="View all posts filed under Sysadmin">Sysadmin</a> (10)
</li>
<li class="cat-item cat-item-788"><a href="http://www.thedotproduct.org/category/ubuntu/" title="View all posts filed under Ubuntu">Ubuntu</a> (1)
</li>
<li class="cat-item cat-item-820"><a href="http://www.thedotproduct.org/category/virtualisation/" title="View all posts filed under Virtualisation">Virtualisation</a> (1)
</li>
<li class="cat-item cat-item-309"><a href="http://www.thedotproduct.org/category/web-fonts/" title="View all posts filed under Web-fonts">Web-fonts</a> (1)
</li>
<li class="cat-item cat-item-659"><a href="http://www.thedotproduct.org/category/website-optimisation/" title="View all posts filed under Website optimisation">Website optimisation</a> (1)
</li>
<li class="cat-item cat-item-196"><a href="http://www.thedotproduct.org/category/xul/" title="View all posts filed under XUL">XUL</a> (1)
</li>
<li class="cat-item cat-item-741"><a href="http://www.thedotproduct.org/category/youtube/" title="View all posts filed under Youtube">Youtube</a> (1)
</li>
</ul>
</div></li><li class="block"><div class="block-widget_archive clearfix" id="instance-archives-3"><h3 class="title"><span>Article Archive</span></h3><div class="block-div"></div><div class="block-div-arrow"></div> <ul>
<li><a href='http://www.thedotproduct.org/2012/11/' title='November 2012'>November 2012</a>&nbsp;(1)</li>
<li><a href='http://www.thedotproduct.org/2012/07/' title='July 2012'>July 2012</a>&nbsp;(3)</li>
<li><a href='http://www.thedotproduct.org/2012/06/' title='June 2012'>June 2012</a>&nbsp;(1)</li>
<li><a href='http://www.thedotproduct.org/2012/05/' title='May 2012'>May 2012</a>&nbsp;(2)</li>
<li><a href='http://www.thedotproduct.org/2012/03/' title='March 2012'>March 2012</a>&nbsp;(1)</li>
<li><a href='http://www.thedotproduct.org/2012/02/' title='February 2012'>February 2012</a>&nbsp;(2)</li>
<li><a href='http://www.thedotproduct.org/2010/11/' title='November 2010'>November 2010</a>&nbsp;(2)</li>
<li><a href='http://www.thedotproduct.org/2010/10/' title='October 2010'>October 2010</a>&nbsp;(1)</li>
<li><a href='http://www.thedotproduct.org/2010/09/' title='September 2010'>September 2010</a>&nbsp;(1)</li>
<li><a href='http://www.thedotproduct.org/2010/08/' title='August 2010'>August 2010</a>&nbsp;(5)</li>
<li><a href='http://www.thedotproduct.org/2010/07/' title='July 2010'>July 2010</a>&nbsp;(3)</li>
<li><a href='http://www.thedotproduct.org/2010/06/' title='June 2010'>June 2010</a>&nbsp;(4)</li>
<li><a href='http://www.thedotproduct.org/2010/05/' title='May 2010'>May 2010</a>&nbsp;(2)</li>
<li><a href='http://www.thedotproduct.org/2010/04/' title='April 2010'>April 2010</a>&nbsp;(6)</li>
<li><a href='http://www.thedotproduct.org/2010/03/' title='March 2010'>March 2010</a>&nbsp;(7)</li>
</ul>
</div></li><li class="block"><div class="block-widget_pages clearfix" id="instance-pages-3"><h3 class="title"><span>Pages</span></h3><div class="block-div"></div><div class="block-div-arrow"></div> <ul>
<li class="page_item page-item-2"><a href="http://www.thedotproduct.org/about/">About The Dot Product</a></li>
</ul>
</div></li><li class="block"><div class="block-widget_tag_cloud clearfix" id="instance-tag_cloud-3"><h3 class="title"><span>Tag cloud</span></h3><div class="block-div"></div><div class="block-div-arrow"></div><div class="tagcloud"><a href='http://www.thedotproduct.org/tag/apple-iphone/' class='tag-link-44' title='3 topics' style='font-size: 12pt;'>Apple IPhone</a>
<a href='http://www.thedotproduct.org/tag/browser/' class='tag-link-94' title='2 topics' style='font-size: 8pt;'>browser</a>
<a href='http://www.thedotproduct.org/tag/class/' class='tag-link-141' title='2 topics' style='font-size: 8pt;'>class</a>
<a href='http://www.thedotproduct.org/tag/compatibility-table/' class='tag-link-91' title='2 topics' style='font-size: 8pt;'>compatibility table</a>
<a href='http://www.thedotproduct.org/tag/compliant-html/' class='tag-link-50' title='2 topics' style='font-size: 8pt;'>compliant html</a>
<a href='http://www.thedotproduct.org/tag/css/' class='tag-link-3' title='5 topics' style='font-size: 18pt;'>CSS</a>
<a href='http://www.thedotproduct.org/tag/div/' class='tag-link-62' title='2 topics' style='font-size: 8pt;'>div</a>
<a href='http://www.thedotproduct.org/tag/dom/' class='tag-link-143' title='4 topics' style='font-size: 15.3333333333pt;'>DOM</a>
<a href='http://www.thedotproduct.org/tag/element/' class='tag-link-54' title='5 topics' style='font-size: 18pt;'>element</a>
<a href='http://www.thedotproduct.org/tag/email/' class='tag-link-204' title='3 topics' style='font-size: 12pt;'>Email</a>
<a href='http://www.thedotproduct.org/tag/firefox/' class='tag-link-52' title='2 topics' style='font-size: 8pt;'>FireFox</a>
<a href='http://www.thedotproduct.org/tag/flash/' class='tag-link-13' title='2 topics' style='font-size: 8pt;'>flash</a>
<a href='http://www.thedotproduct.org/tag/geo/' class='tag-link-170' title='2 topics' style='font-size: 8pt;'>Geo</a>
<a href='http://www.thedotproduct.org/tag/google/' class='tag-link-107' title='2 topics' style='font-size: 8pt;'>google</a>
<a href='http://www.thedotproduct.org/tag/html/' class='tag-link-106' title='7 topics' style='font-size: 22pt;'>HTML</a>
<a href='http://www.thedotproduct.org/tag/html-markup/' class='tag-link-49' title='2 topics' style='font-size: 8pt;'>html markup</a>
<a href='http://www.thedotproduct.org/tag/image/' class='tag-link-389' title='3 topics' style='font-size: 12pt;'>image</a>
<a href='http://www.thedotproduct.org/tag/input/' class='tag-link-116' title='2 topics' style='font-size: 8pt;'>input</a>
<a href='http://www.thedotproduct.org/tag/input-element/' class='tag-link-137' title='2 topics' style='font-size: 8pt;'>input element</a>
<a href='http://www.thedotproduct.org/tag/input-elements/' class='tag-link-144' title='2 topics' style='font-size: 8pt;'>input elements</a>
<a href='http://www.thedotproduct.org/tag/input-types/' class='tag-link-112' title='2 topics' style='font-size: 8pt;'>input types</a>
<a href='http://www.thedotproduct.org/tag/internet-explorer-8/' class='tag-link-90' title='2 topics' style='font-size: 8pt;'>internet explorer 8</a>
<a href='http://www.thedotproduct.org/tag/iphone/' class='tag-link-15' title='5 topics' style='font-size: 18pt;'>IPhone</a>
<a href='http://www.thedotproduct.org/tag/javascript/' class='tag-link-6' title='6 topics' style='font-size: 20.3333333333pt;'>Javascript</a>
<a href='http://www.thedotproduct.org/tag/mac/' class='tag-link-70' title='5 topics' style='font-size: 18pt;'>Mac</a>
<a href='http://www.thedotproduct.org/tag/mac-osx/' class='tag-link-63' title='4 topics' style='font-size: 15.3333333333pt;'>Mac OSX</a>
<a href='http://www.thedotproduct.org/tag/method/' class='tag-link-42' title='2 topics' style='font-size: 8pt;'>method</a>
<a href='http://www.thedotproduct.org/tag/mootools/' class='tag-link-167' title='3 topics' style='font-size: 12pt;'>MooTools</a>
<a href='http://www.thedotproduct.org/tag/movie/' class='tag-link-43' title='2 topics' style='font-size: 8pt;'>movie</a>
<a href='http://www.thedotproduct.org/tag/mysql/' class='tag-link-22' title='2 topics' style='font-size: 8pt;'>MySQL</a>
<a href='http://www.thedotproduct.org/tag/number/' class='tag-link-129' title='2 topics' style='font-size: 8pt;'>number</a>
<a href='http://www.thedotproduct.org/tag/oxfordshire/' class='tag-link-25' title='2 topics' style='font-size: 8pt;'>Oxfordshire</a>
<a href='http://www.thedotproduct.org/tag/page/' class='tag-link-53' title='6 topics' style='font-size: 20.3333333333pt;'>page</a>
<a href='http://www.thedotproduct.org/tag/screen/' class='tag-link-68' title='3 topics' style='font-size: 12pt;'>Screen</a>
<a href='http://www.thedotproduct.org/tag/server/' class='tag-link-19' title='5 topics' style='font-size: 18pt;'>Server</a>
<a href='http://www.thedotproduct.org/tag/storage/' class='tag-link-82' title='2 topics' style='font-size: 8pt;'>storage</a>
<a href='http://www.thedotproduct.org/tag/support/' class='tag-link-111' title='2 topics' style='font-size: 8pt;'>support</a>
<a href='http://www.thedotproduct.org/tag/text/' class='tag-link-140' title='2 topics' style='font-size: 8pt;'>text</a>
<a href='http://www.thedotproduct.org/tag/time/' class='tag-link-77' title='3 topics' style='font-size: 12pt;'>time</a>
<a href='http://www.thedotproduct.org/tag/uk/' class='tag-link-26' title='2 topics' style='font-size: 8pt;'>UK</a>
<a href='http://www.thedotproduct.org/tag/user/' class='tag-link-216' title='3 topics' style='font-size: 12pt;'>USER</a>
<a href='http://www.thedotproduct.org/tag/web/' class='tag-link-21' title='5 topics' style='font-size: 18pt;'>Web</a>
<a href='http://www.thedotproduct.org/tag/website/' class='tag-link-20' title='2 topics' style='font-size: 8pt;'>website</a>
<a href='http://www.thedotproduct.org/tag/x-shockwave-flash/' class='tag-link-47' title='2 topics' style='font-size: 8pt;'>x shockwave flash</a>
<a href='http://www.thedotproduct.org/tag/youtube-video/' class='tag-link-64' title='2 topics' style='font-size: 8pt;'>youtube video</a></div>
</div></li><li class="block"><div class="block-widget_links clearfix" id="linkcat-2"><h3 class="title"><span>Brothers from other mothers...external links</span></h3><div class="block-div"></div><div class="block-div-arrow"></div>
<ul class='xoxo blogroll'>
<li><a href="http://www.theregister.co.uk/2010/04/13/dnssec/" title="DNNSEC will be introduced to the internets root DNS servers on May 5th 2010 &#8211; are you ready for it?" target="_blank">Are you ready for DNSSEC? coming May 5th 2010!</a>
DNNSEC will be introduced to the internets root DNS servers on May 5th 2010 &#8211; are you ready for it?</li>
<li><a href="http://www.quirksmode.org" title="Peter Paul Koch&#8217;s personal Web-Development Blog &#8211; a must for serious Javascripters with an increasing focus on mobile development" target="_blank">Quirksmode</a>
Peter Paul Koch&#8217;s personal Web-Development Blog &#8211; a must for serious Javascripters with an increasing focus on mobile development</li>
<li><a href="http://marijn.haverbeke.nl/codemirror/" title="If you need to add syntax highlighting to your textarea for CSS, XHTML/HTML, JavaScript, SQL and many more languages, this is for you!" target="_blank">Syntax highlighting in HTML textareas &#8211; this is seriously good!</a>
If you need to add syntax highlighting to your textarea for CSS, XHTML/HTML, JavaScript, SQL and many more languages, this is for you!</li>
</ul>
</div></li>
</ul>
</div>
</div>
</div>
 
 
<div id="footer" class="footer">
<div class="page-content">
<div id="copyright">
<a class="rss-subscribe" href="http://www.thedotproduct.org/feed/" title="RSS Feeds">RSS Feeds</a> <a id="goTop" class="js-link">Top</a>
<!--[if lte IE 6]> <script> isIE6 = true; isIE = true; </script> <![endif]-->
<!--[if gte IE 7]> <script> isIE = true; </script> <![endif]-->
 
<script type="text/rocketscript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/rocketscript">
var pageTracker = _gat._getTracker("UA-15311875-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<script type='text/rocketscript' data-rocketsrc='http://www.thedotproduct.org/wp-content/themes/mystique/js/jquery.mystique.js?ver=2.2'></script>
<script type='text/rocketscript' data-rocketsrc='http://www.thedotproduct.org/?mystique=jquery_init&#038;ver=2.2'></script>
</div>
</div>
</div>
 
</div>
</div>
 
 
<div id="pageControls"></div>
 
 
</div>
</body>
</html>

Test runner

Ready to run.

Testing in
Test		Ops/sec
document.getElementById("footer")	`var x=document.getElementById("footer");`	ready
document.querySelector("#footer")	`var x=document.querySelector("#footer");`	ready
document.querySelectorAll("#footer")	`var x=document.querySelectorAll("#footer")[0];`	ready
document.getElementsByClassName	`var x = document.getElementsByClassName('footer')[0];`	ready
queryselector of class	`var x = document.querySelector('.footer');`	ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

Revision 1: published by Neil Craig (@tdp_org) on November 26, 2012
Revision 2: published on January 18, 2013
Revision 3: published on February 4, 2013
Revision 4: published on February 4, 2013
Revision 5: published by Grant Kiely on October 30, 2013
Revision 6: published by Grant Kiely on October 30, 2013
Revision 8: published by boromil on December 31, 2014