I hate long lists – well – I don’t hate them, because they show me everything I...
When IDs are not possible, prefix class selectors with their tag name unless there is no other choice.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="page" class="hfeed">
<div id="headerContainer">
<header id="branding" role="banner">
<form method="get" id="searchform" action="http://chris-spittles.co.uk/">
<label for="s" class="assistive-text">Search</label>
<input type="text" class="field" name="s" id="s" placeholder="Search" />
<input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" />
</form>
<hgroup>
<h1 id="site-title">
<a href="http://chris-spittles.co.uk/" title="CS Design" rel="home">
<span>
CS Design </span>
</a>
</h1>
<h2 id="site-description">
Photography, Website Design and Other Topics </h2>
</hgroup>
<nav id="access" role="navigation">
<h3 class="assistive-text">
Main menu </h3>
<div class="skip-link"><a class="assistive-text" href="#content" title="Skip to primary content">
Skip to primary content </a></div>
<div class="skip-link"><a class="assistive-text" href="#secondary" title="Skip to secondary content">
Skip to secondary content </a></div>
<div class="menu-portfolio-container"><ul id="menu-portfolio" class="menu"><li id="menu-item-112" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-83 current_page_item menu-item-112"><a href="http://chris-spittles.co.uk/">Home</a></li>
<li id="menu-item-300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-300"><a href="http://chris-spittles.co.uk/?page_id=2">About</a></li>
<li id="menu-item-110" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-110"><a href="http://chris-spittles.co.uk/?cat=3">Portfolio</a>
<ul class="sub-menu">
<li id="menu-item-111" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-111"><a href="http://chris-spittles.co.uk/?cat=4">Photography</a>
<ul class="sub-menu">
<li id="menu-item-451" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-451"><a href="http://chris-spittles.co.uk/?cat=22">Architecture</a></li>
<li id="menu-item-447" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-447"><a href="http://chris-spittles.co.uk/?cat=18">Landscapes</a></li>
<li id="menu-item-450" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-450"><a href="http://chris-spittles.co.uk/?cat=16">Sunrises</a></li>
<li id="menu-item-448" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-448"><a href="http://chris-spittles.co.uk/?cat=12">Sunsets</a></li>
<li id="menu-item-449" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-449"><a href="http://chris-spittles.co.uk/?cat=21">Water</a></li>
<li id="menu-item-446" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-446"><a href="http://chris-spittles.co.uk/?cat=20">Wildlife</a></li>
</ul>
</li>
<li id="menu-item-169" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-169"><a href="http://chris-spittles.co.uk/?cat=5">Web Design</a></li>
<li id="menu-item-452" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-452"><a href="http://chris-spittles.co.uk/?page_id=272">All Portfolio Items</a></li>
</ul>
</li>
<li id="menu-item-399" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-399"><a href="http://chris-spittles.co.uk/?cat=24">Tutorials</a>
<ul class="sub-menu">
<li id="menu-item-476" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-476"><a href="http://chris-spittles.co.uk/?cat=27">CSS</a></li>
<li id="menu-item-477" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-477"><a href="http://chris-spittles.co.uk/?cat=28">jQuery</a></li>
</ul>
</li>
<li id="menu-item-580" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-580"><a href="http://chris-spittles.co.uk/?cat=29">Blog</a></li>
<li id="menu-item-113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="http://chris-spittles.co.uk/?page_id=63">Contact</a></li>
</ul></div> </nav>
<!-- #access -->
<div id="imgScroller" class="showFullControls">
<div class="imgScrollerMask">
<ul class="itemContainer">
<li style="background: url(http://chris-spittles.co.uk/wp-content/uploads/2012/03/jQuery_Filter_a_Table.jpg) no-repeat !important;">
<a href="http://chris-spittles.co.uk/?p=526" rel="bookmark" title="jQuery: Filter a Table"> <span class="textContainer"> <span class="title"> <span class="small">
jQuery: Filter a Table </span> </span> </span> </a> </li>
<li style="background: url(http://chris-spittles.co.uk/wp-content/uploads/2012/03/Untitled-82-1000x300.jpg) no-repeat !important;">
<a href="http://chris-spittles.co.uk/?p=545" rel="bookmark" title="Why Microsoft’s Windows 8 will fail on the desktop…"> <span class="textContainer"> <span class="title"> <span class="small">
Why Microsoft's Windows 8 will fail on the desktop... </span> </span> </span> </a> </li>
<li style="background: url(http://chris-spittles.co.uk/wp-content/uploads/2012/01/White-Tailed-Eagle-1000x300.jpg) no-repeat !important;">
<a href="http://chris-spittles.co.uk/?p=455" rel="bookmark" title="White Tailed Eagle"> <span class="textContainer"> <span class="title"> <span class="small">
White Tailed Eagle </span> </span> </span> </a> </li>
<li style="background: url(http://chris-spittles.co.uk/wp-content/uploads/2011/12/Grunaird-Bay-1000x300.jpg) no-repeat !important;">
<a href="http://chris-spittles.co.uk/?p=348" rel="bookmark" title="Grunaird Bay"> <span class="textContainer"> <span class="title"> <span class="small">
Grunaird Bay </span> </span> </span> </a> </li>
<li style="background: url(http://chris-spittles.co.uk/wp-content/uploads/2011/12/savuti-sunset-1000x300.jpg) no-repeat !important;">
<a href="http://chris-spittles.co.uk/?p=338" rel="bookmark" title="Savuti Sunset"> <span class="textContainer"> <span class="title"> <span class="small">
Savuti Sunset </span> </span> </span> </a> </li>
<li style="background: url(http://chris-spittles.co.uk/wp-content/uploads/2011/12/robin-red-breast-1000x300.jpg) no-repeat !important;">
<a href="http://chris-spittles.co.uk/?p=303" rel="bookmark" title="Mr Robin Redbreast"> <span class="textContainer"> <span class="title"> <span class="small">
Mr Robin Redbreast </span> </span> </span> </a> </li>
<li style="background: url(http://chris-spittles.co.uk/wp-content/uploads/2011/12/loch-tuath-sunset1-1000x300.jpg) no-repeat !important;">
<a href="http://chris-spittles.co.uk/?p=297" rel="bookmark" title="Loch Tuath Sunset"> <span class="textContainer"> <span class="title"> <span class="small">
Loch Tuath Sunset </span> </span> </span> </a> </li>
<li style="background: url(http://chris-spittles.co.uk/wp-content/uploads/2011/12/african-fish-eagle1-1000x300.jpg) no-repeat !important;">
<a href="http://chris-spittles.co.uk/?p=292" rel="bookmark" title="African Fish Eagle"> <span class="textContainer"> <span class="title"> <span class="small">
African Fish Eagle </span> </span> </span> </a> </li>
<li style="background: url(http://chris-spittles.co.uk/wp-content/uploads/2011/12/elephants-grazing1-1000x300.jpg) no-repeat !important;">
<a href="http://chris-spittles.co.uk/?p=286" rel="bookmark" title="Elephants Grazing"> <span class="textContainer"> <span class="title"> <span class="small">
Elephants Grazing </span> </span> </span> </a> </li>
<li style="background: url(http://chris-spittles.co.uk/wp-content/uploads/2011/12/red-lechwe-xaranna-1000x300.jpg) no-repeat !important;">
<a href="http://chris-spittles.co.uk/?p=282" rel="bookmark" title="Red Lechwe"> <span class="textContainer"> <span class="title"> <span class="small">
Red Lechwe </span> </span> </span> </a> </li>
</ul>
</div>
<ul class="controls">
<li><a href="" class="previous"><span>Previous</span></a></li>
<li><a href="" class="next"><span>Next</span></a></li>
</ul>
<div class="progress"></div>
<a href="http://chris-spittles.co.uk/?p=526" rel="bookmark" title="jQuery: Filter a Table" class="pause"></a>
<a href="http://chris-spittles.co.uk/?p=545" rel="bookmark" title="Why Microsoft’s Windows 8 will fail on the desktop…" class="pause"></a>
<a href="http://chris-spittles.co.uk/?p=455" rel="bookmark" title="White Tailed Eagle" class="pause"></a>
<a href="http://chris-spittles.co.uk/?p=348" rel="bookmark" title="Grunaird Bay" class="pause"></a>
<a href="http://chris-spittles.co.uk/?p=338" rel="bookmark" title="Savuti Sunset" class="pause"></a>
<a href="http://chris-spittles.co.uk/?p=303" rel="bookmark" title="Mr Robin Redbreast" class="pause"></a>
<a href="http://chris-spittles.co.uk/?p=297" rel="bookmark" title="Loch Tuath Sunset" class="pause"></a>
<a href="http://chris-spittles.co.uk/?p=292" rel="bookmark" title="African Fish Eagle" class="pause"></a>
<a href="http://chris-spittles.co.uk/?p=286" rel="bookmark" title="Elephants Grazing" class="pause"></a>
<a href="http://chris-spittles.co.uk/?p=282" rel="bookmark" title="Red Lechwe" class="pause"></a>
</div>
</header>
<!-- #branding -->
<div class="clear"></div>
</div>
<!-- #header-container -->
<div class="pageContent">
<div class="pageContentInner">
<h2>
Welcome </h2>
<p>CS Design is a portfolio of work, if you would like to know more, have a look at the <a title="Me" href="http://chris-spittles.co.uk/?page_id=2">about section</a> or see the <a title="Contact" href="http://chris-spittles.co.uk/?page_id=63">contact page</a> if you would like to get in touch.</p>
</div>
</div>
<div id="mainContainer" class="home">
<div id="main">
<div id="content" role="main">
<article id="post-526" class="post-526 post type-post status-publish format-standard hentry category-scroller category-jquery category-tutorials tag-jquery tag-tutorials tag-web-design portfolioItem">
<header class="entry-header">
<h1 class="entry-title"><a href="http://chris-spittles.co.uk/?p=526" title="Permalink to jQuery: Filter a Table" rel="bookmark">
jQuery: Filter a Table
</a></h1>
</header>
<!-- .entry-header -->
<div class="entry-content">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=526" title="Permalink to jQuery: Filter a Table" rel="bookmark">
<img width="300" height="200" src="http://chris-spittles.co.uk/wp-content/uploads/2012/03/jQuery_Filter_a_Table-300x200.jpg" class="attachment-Home_Thumb wp-post-image" alt="jQuery_Filter_a_Table" title="jQuery_Filter_a_Table" />
</a>
<div class="comments-link">
<a href="http://chris-spittles.co.uk/?p=526#respond" title="Comment on jQuery: Filter a Table"><span class="leave-reply">Reply</span></a>
</div>
<p>
I hate long lists – well – I don’t hate them, because they show me everything I...
</p>
</div>
<!-- .entry-content -->
</article>
<!-- #post-526 -->
<article id="post-545" class="post-545 post type-post status-publish format-standard hentry category-blog category-scroller portfolioItem">
<header class="entry-header">
<h1 class="entry-title"><a href="http://chris-spittles.co.uk/?p=545" title="Permalink to Why Microsoft’s Windows 8 will fail on the desktop…" rel="bookmark">
Why Microsoft's Windows 8 will...
</a></h1>
</header>
<!-- .entry-header -->
<div class="entry-content">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=545" title="Permalink to Why Microsoft’s Windows 8 will fail on the desktop…" rel="bookmark">
<img width="300" height="200" src="http://chris-spittles.co.uk/wp-content/uploads/2012/03/Untitled-82-300x200.jpg" class="attachment-Home_Thumb wp-post-image" alt="Untitled-8" title="Untitled-8" />
</a>
<div class="comments-link">
<a href="http://chris-spittles.co.uk/?p=545#comments" title="Comment on Why Microsoft’s Windows 8 will fail on the desktop…">4</a>
</div>
<p>
I’m not one for picking sides when it comes to my Operating System, if I can work on it, play...
</p>
</div>
<!-- .entry-content -->
</article>
<!-- #post-545 -->
<article id="post-531" class="post-531 post type-post status-publish format-standard hentry category-jquery category-tutorials tag-jquery tag-tutorials tag-web-design portfolioItem">
<header class="entry-header">
<h1 class="entry-title"><a href="http://chris-spittles.co.uk/?p=531" title="Permalink to jQuery: Calculate Scrollbar Width" rel="bookmark">
jQuery: Calculate Scrollbar Wi...
</a></h1>
</header>
<!-- .entry-header -->
<div class="entry-content">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=531" title="Permalink to jQuery: Calculate Scrollbar Width" rel="bookmark">
<span class="excerpt_copy">
I recently needed to calculate the width of the scrollbar for an overflowing div so instead of re-inventing the wheel I went onto Google and did a search. I found a great little post by Jonathan...
</span>
</a>
<div class="comments-link">
<a href="http://chris-spittles.co.uk/?p=531#comments" title="Comment on jQuery: Calculate Scrollbar Width">2</a>
</div>
</div>
<!-- .entry-content -->
</article>
<!-- #post-531 -->
<article id="post-489" class="post-489 post type-post status-publish format-standard hentry category-jquery category-tutorials portfolioItem">
<header class="entry-header">
<h1 class="entry-title"><a href="http://chris-spittles.co.uk/?p=489" title="Permalink to jQuery: Close a Menu by Clicking Anywhere on the Document" rel="bookmark">
jQuery: Close a Menu by Clicki...
</a></h1>
</header>
<!-- .entry-header -->
<div class="entry-content">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=489" title="Permalink to jQuery: Close a Menu by Clicking Anywhere on the Document" rel="bookmark">
<img width="300" height="200" src="http://chris-spittles.co.uk/wp-content/uploads/2012/01/Untitled-3-300x200.jpg" class="attachment-Home_Thumb wp-post-image" alt="Untitled-3" title="Untitled-3" />
</a>
<div class="comments-link">
<a href="http://chris-spittles.co.uk/?p=489#comments" title="Comment on jQuery: Close a Menu by Clicking Anywhere on the Document">1</a>
</div>
<p>
Something that tripped me up when I started learning jQuery was how to stop event bubbling on...
</p>
</div>
<!-- .entry-content -->
</article>
<!-- #post-489 -->
<article id="post-462" class="post-462 post type-post status-publish format-standard hentry category-jquery category-tutorials tag-jquery portfolioItem">
<header class="entry-header">
<h1 class="entry-title"><a href="http://chris-spittles.co.uk/?p=462" title="Permalink to jQuery: Smooth Page Scrolling & Smooth Page Jumps" rel="bookmark">
jQuery: Smooth Page Scrolling ...
</a></h1>
</header>
<!-- .entry-header -->
<div class="entry-content">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=462" title="Permalink to jQuery: Smooth Page Scrolling & Smooth Page Jumps" rel="bookmark">
<img width="300" height="200" src="http://chris-spittles.co.uk/wp-content/uploads/2012/01/Untitled-21-300x200.jpg" class="attachment-Home_Thumb wp-post-image" alt="Untitled-2" title="Untitled-2" />
</a>
<div class="comments-link">
<a href="http://chris-spittles.co.uk/?p=462#respond" title="Comment on jQuery: Smooth Page Scrolling & Smooth Page Jumps"><span class="leave-reply">Reply</span></a>
</div>
<p>
Have you ever seen that nice effect on a website where you click a link to return to the top of the...
</p>
</div>
<!-- .entry-content -->
</article>
<!-- #post-462 -->
<article id="post-455" class="post-455 post type-post status-publish format-standard hentry category-scroller category-photography category-portfolio category-wildlife tag-isle-of-mull tag-scotland tag-wildlife-photography portfolioItem">
<header class="entry-header">
<h1 class="entry-title"><a href="http://chris-spittles.co.uk/?p=455" title="Permalink to White Tailed Eagle" rel="bookmark">
White Tailed Eagle
</a></h1>
</header>
<!-- .entry-header -->
<div class="entry-content">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=455" title="Permalink to White Tailed Eagle" rel="bookmark">
<img width="300" height="200" src="http://chris-spittles.co.uk/wp-content/uploads/2012/01/White-Tailed-Eagle-300x200.jpg" class="attachment-Home_Thumb wp-post-image" alt="White Tailed Eagle" title="White Tailed Eagle" />
</a>
<div class="comments-link">
<a href="http://chris-spittles.co.uk/?p=455#respond" title="Comment on White Tailed Eagle"><span class="leave-reply">Reply</span></a>
</div>
<p>
</p>
</div>
<!-- .entry-content -->
</article>
<!-- #post-455 -->
<article id="post-397" class="post-397 post type-post status-publish format-standard hentry category-css category-tutorials tag-css3 tag-html5 tag-tutorials tag-web-design portfolioItem">
<header class="entry-header">
<h1 class="entry-title"><a href="http://chris-spittles.co.uk/?p=397" title="Permalink to Pure CSS3 Image Slider" rel="bookmark">
Pure CSS3 Image Slider
</a></h1>
</header>
<!-- .entry-header -->
<div class="entry-content">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=397" title="Permalink to Pure CSS3 Image Slider" rel="bookmark">
<img width="300" height="200" src="http://chris-spittles.co.uk/wp-content/uploads/2012/01/Untitled-1-300x200.jpg" class="attachment-Home_Thumb wp-post-image" alt="Untitled-1" title="Untitled-1" />
</a>
<div class="comments-link">
<a href="http://chris-spittles.co.uk/?p=397#comments" title="Comment on Pure CSS3 Image Slider">1</a>
</div>
<p>
I’ve been dabbling with CSS3 for some time with the aim of enhancing the user experience in...
</p>
</div>
<!-- .entry-content -->
</article>
<!-- #post-397 -->
<article id="post-348" class="post-348 post type-post status-publish format-standard hentry category-scroller category-landscapes category-photography category-portfolio category-sunsets category-water tag-landscape-photography tag-panoramic tag-sunsets portfolioItem">
<header class="entry-header">
<h1 class="entry-title"><a href="http://chris-spittles.co.uk/?p=348" title="Permalink to Grunaird Bay" rel="bookmark">
Grunaird Bay
</a></h1>
</header>
<!-- .entry-header -->
<div class="entry-content">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=348" title="Permalink to Grunaird Bay" rel="bookmark">
<img width="300" height="200" src="http://chris-spittles.co.uk/wp-content/uploads/2011/12/Grunaird-Bay-300x200.jpg" class="attachment-Home_Thumb wp-post-image" alt="Grunaird Bay" title="Grunaird Bay" />
</a>
<div class="comments-link">
<a href="http://chris-spittles.co.uk/?p=348#respond" title="Comment on Grunaird Bay"><span class="leave-reply">Reply</span></a>
</div>
<p>
</p>
</div>
<!-- .entry-content -->
</article>
<!-- #post-348 -->
<article id="post-338" class="post-338 post type-post status-publish format-standard hentry category-scroller category-landscapes category-photography category-portfolio category-sunsets tag-africa tag-sunsets portfolioItem">
<header class="entry-header">
<h1 class="entry-title"><a href="http://chris-spittles.co.uk/?p=338" title="Permalink to Savuti Sunset" rel="bookmark">
Savuti Sunset
</a></h1>
</header>
<!-- .entry-header -->
<div class="entry-content">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=338" title="Permalink to Savuti Sunset" rel="bookmark">
<img width="300" height="200" src="http://chris-spittles.co.uk/wp-content/uploads/2011/12/savuti-sunset-300x200.jpg" class="attachment-Home_Thumb wp-post-image" alt="Savuti Sunset" title="Savuti Sunset" />
</a>
<div class="comments-link">
<a href="http://chris-spittles.co.uk/?p=338#respond" title="Comment on Savuti Sunset"><span class="leave-reply">Reply</span></a>
</div>
<p>
</p>
</div>
<!-- .entry-content -->
</article>
<!-- #post-338 -->
<div class="highestRatings">
<header class="entry-header subHeader">
<h2 class="entry-title">Top 10 Rated Posts</h2>
</header>
<article id="post-122" class="post-122 post type-post status-publish format-standard hentry category-scroller category-landscapes category-photography category-portfolio category-sunsets tag-landscape-photography tag-scotland tag-sunsets portfolioListItem">
<header class="entry-header">
<h2 class="entry-title"><a href="http://chris-spittles.co.uk/?p=122" title="Permalink to Gruinard Bay Scotland" rel="bookmark">Gruinard Bay Scotland</a></h2>
<div class="entry-meta">
<small><span class="sep">Posted on </span><a href="http://chris-spittles.co.uk/?p=122" title="10:51 am" rel="bookmark"><time class="entry-date" datetime="2011-11-24T10:51:19+00:00" pubdate>November 24, 2011</time></a><span class="by-author"> <span class="sep"> by </span> <span class="author vcard"><a class="url fn n" href="http://chris-spittles.co.uk/?author=1" title="View all posts by chrissp26" rel="author">chrissp26</a></span></span></small>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-summary">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=122" title="Permalink to Gruinard Bay Scotland" rel="bookmark">
<img width="75" height="75" src="http://chris-spittles.co.uk/wp-content/uploads/2011/11/gruinard-bay-scotland-75x75.jpg" class="attachment-List_Thumb wp-post-image" alt="Gruinard Bay Scotland" title="Gruinard Bay Scotland" /> </a>
<p>One of my favourite locations in Scotland for Sunsets over the ocean, Grunaird bay is an easy place to reach by car. It sits between Laide and Mungasdale, with plenty of idylic spots to take photographs, the twisting shore and … <a href="http://chris-spittles.co.uk/?p=122">Continue reading <span class="meta-nav">→</span></a></p>
</div><!-- .entry-content -->
<footer class="entry-meta">
Category: <a href="http://chris-spittles.co.uk/?cat=1" title="View all posts in Featured Scroller" rel="category">Featured Scroller</a>, <a href="http://chris-spittles.co.uk/?cat=18" title="View all posts in Landscapes" rel="category">Landscapes</a>, <a href="http://chris-spittles.co.uk/?cat=4" title="View all posts in Photography" rel="category">Photography</a>, <a href="http://chris-spittles.co.uk/?cat=3" title="View all posts in Portfolio" rel="category">Portfolio</a>, <a href="http://chris-spittles.co.uk/?cat=12" title="View all posts in Sunsets" rel="category">Sunsets</a>
<div id="post-ratings-122" class="post-ratings"><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 vote, average: 5.00 out of 5" title="1 vote, average: 5.00 out of 5" class="post-ratings-image" /><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 vote, average: 5.00 out of 5" title="1 vote, average: 5.00 out of 5" class="post-ratings-image" /><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 vote, average: 5.00 out of 5" title="1 vote, average: 5.00 out of 5" class="post-ratings-image" /><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 vote, average: 5.00 out of 5" title="1 vote, average: 5.00 out of 5" class="post-ratings-image" /><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 vote, average: 5.00 out of 5" title="1 vote, average: 5.00 out of 5" class="post-ratings-image" /> (<em><strong>1</strong> votes, average: <strong>5.00</strong> out of 5, <strong>rated</strong></em>)</div>
<div id="post-ratings-122-loading" class="post-ratings-loading"><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" alt="Loading ..." title="Loading ..." class="post-ratings-image" /> Loading ...</div>
</footer><!-- .entry-meta -->
</article><!-- #post-122 -->
<article id="post-143" class="post-143 post type-post status-publish format-standard hentry category-scroller category-photography category-portfolio category-wildlife tag-africa tag-wildlife-photography portfolioListItem">
<header class="entry-header">
<h2 class="entry-title"><a href="http://chris-spittles.co.uk/?p=143" title="Permalink to Zebras Crossing" rel="bookmark">Zebras Crossing</a></h2>
<div class="entry-meta">
<small><span class="sep">Posted on </span><a href="http://chris-spittles.co.uk/?p=143" title="2:55 pm" rel="bookmark"><time class="entry-date" datetime="2011-11-24T14:55:42+00:00" pubdate>November 24, 2011</time></a><span class="by-author"> <span class="sep"> by </span> <span class="author vcard"><a class="url fn n" href="http://chris-spittles.co.uk/?author=1" title="View all posts by chrissp26" rel="author">chrissp26</a></span></span></small>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-summary">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=143" title="Permalink to Zebras Crossing" rel="bookmark">
<img width="75" height="75" src="http://chris-spittles.co.uk/wp-content/uploads/2011/11/african-zebra-75x75.jpg" class="attachment-List_Thumb wp-post-image" alt="African Zebra" title="African Zebra" /> </a>
<p>I’ve read quite a few photography books and they all say: “think about what you are going to photograph before you go to photograph it“. It’s good advice and I always try to imagine how a picture is going to … <a href="http://chris-spittles.co.uk/?p=143">Continue reading <span class="meta-nav">→</span></a></p>
</div><!-- .entry-content -->
<footer class="entry-meta">
Category: <a href="http://chris-spittles.co.uk/?cat=1" title="View all posts in Featured Scroller" rel="category">Featured Scroller</a>, <a href="http://chris-spittles.co.uk/?cat=4" title="View all posts in Photography" rel="category">Photography</a>, <a href="http://chris-spittles.co.uk/?cat=3" title="View all posts in Portfolio" rel="category">Portfolio</a>, <a href="http://chris-spittles.co.uk/?cat=20" title="View all posts in Wildlife" rel="category">Wildlife</a>
<div id="post-ratings-143" class="post-ratings"><div class="stars"><img id="rating_143_1" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 Star" title="1 Star" onmouseover="current_rating(143, 1, '1 Star');" onmouseout="ratings_off(5, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_143_2" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="2 Stars" title="2 Stars" onmouseover="current_rating(143, 2, '2 Stars');" onmouseout="ratings_off(5, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_143_3" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="3 Stars" title="3 Stars" onmouseover="current_rating(143, 3, '3 Stars');" onmouseout="ratings_off(5, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_143_4" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="4 Stars" title="4 Stars" onmouseover="current_rating(143, 4, '4 Stars');" onmouseout="ratings_off(5, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_143_5" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="5 Stars" title="5 Stars" onmouseover="current_rating(143, 5, '5 Stars');" onmouseout="ratings_off(5, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /></div> (<strong>1</strong> votes, average: <strong>5.00</strong> out of 5) <span class="post-ratings-text" id="ratings_143_text"></span></div>
<div id="post-ratings-143-loading" class="post-ratings-loading"><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" alt="Loading ..." title="Loading ..." class="post-ratings-image" /> Loading ...</div>
</footer><!-- .entry-meta -->
</article><!-- #post-143 -->
<article id="post-190" class="post-190 post type-post status-publish format-standard hentry category-architecture category-scroller category-landscapes category-photography category-portfolio category-water tag-architecture-photography tag-isle-of-mull tag-landscape-photography tag-scotland portfolioListItem">
<header class="entry-header">
<h2 class="entry-title"><a href="http://chris-spittles.co.uk/?p=190" title="Permalink to Bridge Over Mulled Water" rel="bookmark">Bridge Over Mulled Water</a></h2>
<div class="entry-meta">
<small><span class="sep">Posted on </span><a href="http://chris-spittles.co.uk/?p=190" title="7:36 pm" rel="bookmark"><time class="entry-date" datetime="2011-11-28T19:36:46+00:00" pubdate>November 28, 2011</time></a><span class="by-author"> <span class="sep"> by </span> <span class="author vcard"><a class="url fn n" href="http://chris-spittles.co.uk/?author=1" title="View all posts by chrissp26" rel="author">chrissp26</a></span></span></small>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-summary">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=190" title="Permalink to Bridge Over Mulled Water" rel="bookmark">
<img width="75" height="75" src="http://chris-spittles.co.uk/wp-content/uploads/2011/11/bridge-over-mulled-water-75x75.jpg" class="attachment-List_Thumb wp-post-image" alt="Bridge Over Mulled Water" title="Bridge Over Mulled Water" /> </a>
<p>I stayed on the Isle of Mull in Scotland for two weeks and drove past this bridge any number of times without paying it much attention. I actually stopped in the end to photograph the river further upstream and after … <a href="http://chris-spittles.co.uk/?p=190">Continue reading <span class="meta-nav">→</span></a></p>
</div><!-- .entry-content -->
<footer class="entry-meta">
Category: <a href="http://chris-spittles.co.uk/?cat=22" title="View all posts in Architecture" rel="category">Architecture</a>, <a href="http://chris-spittles.co.uk/?cat=1" title="View all posts in Featured Scroller" rel="category">Featured Scroller</a>, <a href="http://chris-spittles.co.uk/?cat=18" title="View all posts in Landscapes" rel="category">Landscapes</a>, <a href="http://chris-spittles.co.uk/?cat=4" title="View all posts in Photography" rel="category">Photography</a>, <a href="http://chris-spittles.co.uk/?cat=3" title="View all posts in Portfolio" rel="category">Portfolio</a>, <a href="http://chris-spittles.co.uk/?cat=21" title="View all posts in Water" rel="category">Water</a>
<div id="post-ratings-190" class="post-ratings"><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 vote, average: 5.00 out of 5" title="1 vote, average: 5.00 out of 5" class="post-ratings-image" /><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 vote, average: 5.00 out of 5" title="1 vote, average: 5.00 out of 5" class="post-ratings-image" /><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 vote, average: 5.00 out of 5" title="1 vote, average: 5.00 out of 5" class="post-ratings-image" /><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 vote, average: 5.00 out of 5" title="1 vote, average: 5.00 out of 5" class="post-ratings-image" /><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 vote, average: 5.00 out of 5" title="1 vote, average: 5.00 out of 5" class="post-ratings-image" /> (<em><strong>1</strong> votes, average: <strong>5.00</strong> out of 5, <strong>rated</strong></em>)</div>
<div id="post-ratings-190-loading" class="post-ratings-loading"><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" alt="Loading ..." title="Loading ..." class="post-ratings-image" /> Loading ...</div>
</footer><!-- .entry-meta -->
</article><!-- #post-190 -->
<article id="post-18" class="post-18 post type-post status-publish format-standard hentry category-scroller category-photography category-portfolio category-wildlife tag-isle-of-mull tag-scotland portfolioListItem">
<header class="entry-header">
<h2 class="entry-title"><a href="http://chris-spittles.co.uk/?p=18" title="Permalink to White Tailed Eagle" rel="bookmark">White Tailed Eagle</a></h2>
<div class="entry-meta">
<small><span class="sep">Posted on </span><a href="http://chris-spittles.co.uk/?p=18" title="1:24 pm" rel="bookmark"><time class="entry-date" datetime="2011-11-05T13:24:27+00:00" pubdate>November 5, 2011</time></a><span class="by-author"> <span class="sep"> by </span> <span class="author vcard"><a class="url fn n" href="http://chris-spittles.co.uk/?author=1" title="View all posts by chrissp26" rel="author">chrissp26</a></span></span></small>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-summary">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=18" title="Permalink to White Tailed Eagle" rel="bookmark">
<img width="75" height="75" src="http://chris-spittles.co.uk/wp-content/uploads/2011/11/white-tailed-eagle-75x75.jpg" class="attachment-List_Thumb wp-post-image" alt="White Tailed Eagle" title="White Tailed Eagle" /> </a>
<p>The 4th largest bird of prey on the planet, the White Tailed Eagle was reintroduced to Scotland in 1975 where they continue to breed successfully. We boarded the Lady Jayne at the Ulva Ferry crossing and sailed to Loch Na … <a href="http://chris-spittles.co.uk/?p=18">Continue reading <span class="meta-nav">→</span></a></p>
</div><!-- .entry-content -->
<footer class="entry-meta">
Category: <a href="http://chris-spittles.co.uk/?cat=1" title="View all posts in Featured Scroller" rel="category">Featured Scroller</a>, <a href="http://chris-spittles.co.uk/?cat=4" title="View all posts in Photography" rel="category">Photography</a>, <a href="http://chris-spittles.co.uk/?cat=3" title="View all posts in Portfolio" rel="category">Portfolio</a>, <a href="http://chris-spittles.co.uk/?cat=20" title="View all posts in Wildlife" rel="category">Wildlife</a>
<div id="post-ratings-18" class="post-ratings"><div class="stars"><img id="rating_18_1" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 Star" title="1 Star" onmouseover="current_rating(18, 1, '1 Star');" onmouseout="ratings_off(5, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_18_2" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="2 Stars" title="2 Stars" onmouseover="current_rating(18, 2, '2 Stars');" onmouseout="ratings_off(5, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_18_3" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="3 Stars" title="3 Stars" onmouseover="current_rating(18, 3, '3 Stars');" onmouseout="ratings_off(5, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_18_4" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="4 Stars" title="4 Stars" onmouseover="current_rating(18, 4, '4 Stars');" onmouseout="ratings_off(5, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_18_5" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="5 Stars" title="5 Stars" onmouseover="current_rating(18, 5, '5 Stars');" onmouseout="ratings_off(5, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /></div> (<strong>1</strong> votes, average: <strong>5.00</strong> out of 5) <span class="post-ratings-text" id="ratings_18_text"></span></div>
<div id="post-ratings-18-loading" class="post-ratings-loading"><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" alt="Loading ..." title="Loading ..." class="post-ratings-image" /> Loading ...</div>
</footer><!-- .entry-meta -->
</article><!-- #post-18 -->
<article id="post-34" class="post-34 post type-post status-publish format-standard hentry category-scroller category-photography category-portfolio category-wildlife tag-africa tag-wildlife-photography portfolioListItem">
<header class="entry-header">
<h2 class="entry-title"><a href="http://chris-spittles.co.uk/?p=34" title="Permalink to Bateleur Eagle" rel="bookmark">Bateleur Eagle</a></h2>
<div class="entry-meta">
<small><span class="sep">Posted on </span><a href="http://chris-spittles.co.uk/?p=34" title="1:50 pm" rel="bookmark"><time class="entry-date" datetime="2011-11-05T13:50:17+00:00" pubdate>November 5, 2011</time></a><span class="by-author"> <span class="sep"> by </span> <span class="author vcard"><a class="url fn n" href="http://chris-spittles.co.uk/?author=1" title="View all posts by chrissp26" rel="author">chrissp26</a></span></span></small>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-summary">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=34" title="Permalink to Bateleur Eagle" rel="bookmark">
<img width="75" height="75" src="http://chris-spittles.co.uk/wp-content/uploads/2011/11/bateleur-eagle-75x75.jpg" class="attachment-List_Thumb wp-post-image" alt="Bateleur Eagle" title="Bateleur Eagle" /> </a>
<p>Every afternoon and evening when returning to our tent in the Chobe National Park in Botswana this Bateleur Eagle would be perched in the same dead tree vigilently watching the surrounding area. We had lots of opportunities to photograph this … <a href="http://chris-spittles.co.uk/?p=34">Continue reading <span class="meta-nav">→</span></a></p>
</div><!-- .entry-content -->
<footer class="entry-meta">
Category: <a href="http://chris-spittles.co.uk/?cat=1" title="View all posts in Featured Scroller" rel="category">Featured Scroller</a>, <a href="http://chris-spittles.co.uk/?cat=4" title="View all posts in Photography" rel="category">Photography</a>, <a href="http://chris-spittles.co.uk/?cat=3" title="View all posts in Portfolio" rel="category">Portfolio</a>, <a href="http://chris-spittles.co.uk/?cat=20" title="View all posts in Wildlife" rel="category">Wildlife</a>
<div id="post-ratings-34" class="post-ratings"><div class="stars"><img id="rating_34_1" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 Star" title="1 Star" onmouseover="current_rating(34, 1, '1 Star');" onmouseout="ratings_off(4, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_34_2" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="2 Stars" title="2 Stars" onmouseover="current_rating(34, 2, '2 Stars');" onmouseout="ratings_off(4, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_34_3" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="3 Stars" title="3 Stars" onmouseover="current_rating(34, 3, '3 Stars');" onmouseout="ratings_off(4, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_34_4" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="4 Stars" title="4 Stars" onmouseover="current_rating(34, 4, '4 Stars');" onmouseout="ratings_off(4, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_34_5" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="5 Stars" title="5 Stars" onmouseover="current_rating(34, 5, '5 Stars');" onmouseout="ratings_off(4, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /></div> (<strong>1</strong> votes, average: <strong>4.00</strong> out of 5) <span class="post-ratings-text" id="ratings_34_text"></span></div>
<div id="post-ratings-34-loading" class="post-ratings-loading"><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" alt="Loading ..." title="Loading ..." class="post-ratings-image" /> Loading ...</div>
</footer><!-- .entry-meta -->
</article><!-- #post-34 -->
<article id="post-31" class="post-31 post type-post status-publish format-standard hentry category-scroller category-photography category-portfolio category-wildlife tag-africa tag-wildlife-photography portfolioListItem">
<header class="entry-header">
<h2 class="entry-title"><a href="http://chris-spittles.co.uk/?p=31" title="Permalink to Steppe Eagle" rel="bookmark">Steppe Eagle</a></h2>
<div class="entry-meta">
<small><span class="sep">Posted on </span><a href="http://chris-spittles.co.uk/?p=31" title="1:46 pm" rel="bookmark"><time class="entry-date" datetime="2011-11-05T13:46:51+00:00" pubdate>November 5, 2011</time></a><span class="by-author"> <span class="sep"> by </span> <span class="author vcard"><a class="url fn n" href="http://chris-spittles.co.uk/?author=1" title="View all posts by chrissp26" rel="author">chrissp26</a></span></span></small>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-summary">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=31" title="Permalink to Steppe Eagle" rel="bookmark">
<img width="75" height="75" src="http://chris-spittles.co.uk/wp-content/uploads/2011/11/steppe-eagle-75x75.jpg" class="attachment-List_Thumb wp-post-image" alt="Steppe Eagle" title="Steppe Eagle" /> </a>
</div><!-- .entry-content -->
<footer class="entry-meta">
Category: <a href="http://chris-spittles.co.uk/?cat=1" title="View all posts in Featured Scroller" rel="category">Featured Scroller</a>, <a href="http://chris-spittles.co.uk/?cat=4" title="View all posts in Photography" rel="category">Photography</a>, <a href="http://chris-spittles.co.uk/?cat=3" title="View all posts in Portfolio" rel="category">Portfolio</a>, <a href="http://chris-spittles.co.uk/?cat=20" title="View all posts in Wildlife" rel="category">Wildlife</a>
<div id="post-ratings-31" class="post-ratings"><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 vote, average: 3.00 out of 5" title="1 vote, average: 3.00 out of 5" class="post-ratings-image" /><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 vote, average: 3.00 out of 5" title="1 vote, average: 3.00 out of 5" class="post-ratings-image" /><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_on.gif" alt="1 vote, average: 3.00 out of 5" title="1 vote, average: 3.00 out of 5" class="post-ratings-image" /><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="1 vote, average: 3.00 out of 5" title="1 vote, average: 3.00 out of 5" class="post-ratings-image" /><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="1 vote, average: 3.00 out of 5" title="1 vote, average: 3.00 out of 5" class="post-ratings-image" /> (<em><strong>1</strong> votes, average: <strong>3.00</strong> out of 5, <strong>rated</strong></em>)</div>
<div id="post-ratings-31-loading" class="post-ratings-loading"><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" alt="Loading ..." title="Loading ..." class="post-ratings-image" /> Loading ...</div>
</footer><!-- .entry-meta -->
</article><!-- #post-31 -->
<article id="post-206" class="post-206 post type-post status-publish format-standard hentry category-scroller category-landscapes category-photography category-portfolio category-sunsets category-water tag-isle-of-mull tag-landscape-photography tag-scotland tag-sunsets portfolioListItem">
<header class="entry-header">
<h2 class="entry-title"><a href="http://chris-spittles.co.uk/?p=206" title="Permalink to Calliach Point" rel="bookmark">Calliach Point</a></h2>
<div class="entry-meta">
<small><span class="sep">Posted on </span><a href="http://chris-spittles.co.uk/?p=206" title="10:13 pm" rel="bookmark"><time class="entry-date" datetime="2011-12-01T22:13:40+00:00" pubdate>December 1, 2011</time></a><span class="by-author"> <span class="sep"> by </span> <span class="author vcard"><a class="url fn n" href="http://chris-spittles.co.uk/?author=1" title="View all posts by chrissp26" rel="author">chrissp26</a></span></span></small>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-summary">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=206" title="Permalink to Calliach Point" rel="bookmark">
<img width="75" height="75" src="http://chris-spittles.co.uk/wp-content/uploads/2011/12/calliach-point-75x75.jpg" class="attachment-List_Thumb wp-post-image" alt="Calliach Point" title="Calliach Point" /> </a>
<p>This photo of Calliach point taken on the Isle of Mull. For more information see my other Calliach Point photos. For this photo I used a Sigma 10-20mm Lens, a Lee Circ Polorizar, and a cokin ND8 Grad filter.</p>
</div><!-- .entry-content -->
<footer class="entry-meta">
Category: <a href="http://chris-spittles.co.uk/?cat=1" title="View all posts in Featured Scroller" rel="category">Featured Scroller</a>, <a href="http://chris-spittles.co.uk/?cat=18" title="View all posts in Landscapes" rel="category">Landscapes</a>, <a href="http://chris-spittles.co.uk/?cat=4" title="View all posts in Photography" rel="category">Photography</a>, <a href="http://chris-spittles.co.uk/?cat=3" title="View all posts in Portfolio" rel="category">Portfolio</a>, <a href="http://chris-spittles.co.uk/?cat=12" title="View all posts in Sunsets" rel="category">Sunsets</a>, <a href="http://chris-spittles.co.uk/?cat=21" title="View all posts in Water" rel="category">Water</a>
<div id="post-ratings-206" class="post-ratings"><div class="stars"><img id="rating_206_1" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="1 Star" title="1 Star" onmouseover="current_rating(206, 1, '1 Star');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_206_2" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="2 Stars" title="2 Stars" onmouseover="current_rating(206, 2, '2 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_206_3" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="3 Stars" title="3 Stars" onmouseover="current_rating(206, 3, '3 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_206_4" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="4 Stars" title="4 Stars" onmouseover="current_rating(206, 4, '4 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_206_5" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="5 Stars" title="5 Stars" onmouseover="current_rating(206, 5, '5 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /></div> (No Ratings Yet) <span class="post-ratings-text" id="ratings_206_text"></span></div>
<div id="post-ratings-206-loading" class="post-ratings-loading"><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" alt="Loading ..." title="Loading ..." class="post-ratings-image" /> Loading ...</div>
</footer><!-- .entry-meta -->
</article><!-- #post-206 -->
<article id="post-183" class="post-183 post type-post status-publish format-standard hentry category-landscapes category-photography category-portfolio category-sunsets tag-africa tag-landscape-photography tag-sunsets portfolioListItem">
<header class="entry-header">
<h2 class="entry-title"><a href="http://chris-spittles.co.uk/?p=183" title="Permalink to Okavango Sunset" rel="bookmark">Okavango Sunset</a></h2>
<div class="entry-meta">
<small><span class="sep">Posted on </span><a href="http://chris-spittles.co.uk/?p=183" title="2:59 pm" rel="bookmark"><time class="entry-date" datetime="2011-11-27T14:59:27+00:00" pubdate>November 27, 2011</time></a><span class="by-author"> <span class="sep"> by </span> <span class="author vcard"><a class="url fn n" href="http://chris-spittles.co.uk/?author=1" title="View all posts by chrissp26" rel="author">chrissp26</a></span></span></small>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-summary">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=183" title="Permalink to Okavango Sunset" rel="bookmark">
<img width="75" height="75" src="http://chris-spittles.co.uk/wp-content/uploads/2011/11/okavango-sunset-75x75.jpg" class="attachment-List_Thumb wp-post-image" alt="Okavango Sunset" title="Okavango Sunset" /> </a>
<p>Having just returned from a boat trip through the floating papyrus mats in the Sandibe game reserve in the Okavango Delta, the sun was already beginning to set. While we were out, there had been a storm on one horizon; … <a href="http://chris-spittles.co.uk/?p=183">Continue reading <span class="meta-nav">→</span></a></p>
</div><!-- .entry-content -->
<footer class="entry-meta">
Category: <a href="http://chris-spittles.co.uk/?cat=18" title="View all posts in Landscapes" rel="category">Landscapes</a>, <a href="http://chris-spittles.co.uk/?cat=4" title="View all posts in Photography" rel="category">Photography</a>, <a href="http://chris-spittles.co.uk/?cat=3" title="View all posts in Portfolio" rel="category">Portfolio</a>, <a href="http://chris-spittles.co.uk/?cat=12" title="View all posts in Sunsets" rel="category">Sunsets</a>
<div id="post-ratings-183" class="post-ratings"><div class="stars"><img id="rating_183_1" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="1 Star" title="1 Star" onmouseover="current_rating(183, 1, '1 Star');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_183_2" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="2 Stars" title="2 Stars" onmouseover="current_rating(183, 2, '2 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_183_3" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="3 Stars" title="3 Stars" onmouseover="current_rating(183, 3, '3 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_183_4" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="4 Stars" title="4 Stars" onmouseover="current_rating(183, 4, '4 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_183_5" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="5 Stars" title="5 Stars" onmouseover="current_rating(183, 5, '5 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /></div> (No Ratings Yet) <span class="post-ratings-text" id="ratings_183_text"></span></div>
<div id="post-ratings-183-loading" class="post-ratings-loading"><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" alt="Loading ..." title="Loading ..." class="post-ratings-image" /> Loading ...</div>
</footer><!-- .entry-meta -->
</article><!-- #post-183 -->
<article id="post-180" class="post-180 post type-post status-publish format-standard hentry category-landscapes category-photography category-portfolio category-water tag-landscape-photography portfolioListItem">
<header class="entry-header">
<h2 class="entry-title"><a href="http://chris-spittles.co.uk/?p=180" title="Permalink to Lodore Falls" rel="bookmark">Lodore Falls</a></h2>
<div class="entry-meta">
<small><span class="sep">Posted on </span><a href="http://chris-spittles.co.uk/?p=180" title="2:51 pm" rel="bookmark"><time class="entry-date" datetime="2011-11-27T14:51:34+00:00" pubdate>November 27, 2011</time></a><span class="by-author"> <span class="sep"> by </span> <span class="author vcard"><a class="url fn n" href="http://chris-spittles.co.uk/?author=1" title="View all posts by chrissp26" rel="author">chrissp26</a></span></span></small>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-summary">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=180" title="Permalink to Lodore Falls" rel="bookmark">
<img width="75" height="75" src="http://chris-spittles.co.uk/wp-content/uploads/2011/11/lodore-falls-75x75.jpg" class="attachment-List_Thumb wp-post-image" alt="Lodore Falls" title="Lodore Falls" /> </a>
</div><!-- .entry-content -->
<footer class="entry-meta">
Category: <a href="http://chris-spittles.co.uk/?cat=18" title="View all posts in Landscapes" rel="category">Landscapes</a>, <a href="http://chris-spittles.co.uk/?cat=4" title="View all posts in Photography" rel="category">Photography</a>, <a href="http://chris-spittles.co.uk/?cat=3" title="View all posts in Portfolio" rel="category">Portfolio</a>, <a href="http://chris-spittles.co.uk/?cat=21" title="View all posts in Water" rel="category">Water</a>
<div id="post-ratings-180" class="post-ratings"><div class="stars"><img id="rating_180_1" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="1 Star" title="1 Star" onmouseover="current_rating(180, 1, '1 Star');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_180_2" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="2 Stars" title="2 Stars" onmouseover="current_rating(180, 2, '2 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_180_3" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="3 Stars" title="3 Stars" onmouseover="current_rating(180, 3, '3 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_180_4" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="4 Stars" title="4 Stars" onmouseover="current_rating(180, 4, '4 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_180_5" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="5 Stars" title="5 Stars" onmouseover="current_rating(180, 5, '5 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /></div> (No Ratings Yet) <span class="post-ratings-text" id="ratings_180_text"></span></div>
<div id="post-ratings-180-loading" class="post-ratings-loading"><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" alt="Loading ..." title="Loading ..." class="post-ratings-image" /> Loading ...</div>
</footer><!-- .entry-meta -->
</article><!-- #post-180 -->
<article id="post-176" class="post-176 post type-post status-publish format-standard hentry category-scroller category-photography category-portfolio category-wildlife tag-africa tag-wildlife-photography portfolioListItem">
<header class="entry-header">
<h2 class="entry-title"><a href="http://chris-spittles.co.uk/?p=176" title="Permalink to Woodland Kingfisher – Okavango Delta" rel="bookmark">Woodland Kingfisher – Okavango Delta</a></h2>
<div class="entry-meta">
<small><span class="sep">Posted on </span><a href="http://chris-spittles.co.uk/?p=176" title="2:48 pm" rel="bookmark"><time class="entry-date" datetime="2011-11-27T14:48:11+00:00" pubdate>November 27, 2011</time></a><span class="by-author"> <span class="sep"> by </span> <span class="author vcard"><a class="url fn n" href="http://chris-spittles.co.uk/?author=1" title="View all posts by chrissp26" rel="author">chrissp26</a></span></span></small>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<div class="entry-summary">
<a class="articleThumbnail" href="http://chris-spittles.co.uk/?p=176" title="Permalink to Woodland Kingfisher – Okavango Delta" rel="bookmark">
<img width="75" height="75" src="http://chris-spittles.co.uk/wp-content/uploads/2011/11/woodland-kingfisher-75x75.jpg" class="attachment-List_Thumb wp-post-image" alt="Woodland Kingfisher" title="Woodland Kingfisher" /> </a>
</div><!-- .entry-content -->
<footer class="entry-meta">
Category: <a href="http://chris-spittles.co.uk/?cat=1" title="View all posts in Featured Scroller" rel="category">Featured Scroller</a>, <a href="http://chris-spittles.co.uk/?cat=4" title="View all posts in Photography" rel="category">Photography</a>, <a href="http://chris-spittles.co.uk/?cat=3" title="View all posts in Portfolio" rel="category">Portfolio</a>, <a href="http://chris-spittles.co.uk/?cat=20" title="View all posts in Wildlife" rel="category">Wildlife</a>
<div id="post-ratings-176" class="post-ratings"><div class="stars"><img id="rating_176_1" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="1 Star" title="1 Star" onmouseover="current_rating(176, 1, '1 Star');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_176_2" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="2 Stars" title="2 Stars" onmouseover="current_rating(176, 2, '2 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_176_3" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="3 Stars" title="3 Stars" onmouseover="current_rating(176, 3, '3 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_176_4" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="4 Stars" title="4 Stars" onmouseover="current_rating(176, 4, '4 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><img id="rating_176_5" src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/stars/rating_off.gif" alt="5 Stars" title="5 Stars" onmouseover="current_rating(176, 5, '5 Stars');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /></div> (No Ratings Yet) <span class="post-ratings-text" id="ratings_176_text"></span></div>
<div id="post-ratings-176-loading" class="post-ratings-loading"><img src="http://chris-spittles.co.uk/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" alt="Loading ..." title="Loading ..." class="post-ratings-image" /> Loading ...</div>
</footer><!-- .entry-meta -->
</article><!-- #post-176 -->
</div>
</div>
<!-- #content -->
</div><!-- #main -->
</div><!-- #mainContainer -->
<footer id="colophon" role="contentinfo">
<div id="supplementary" class="three">
<div id="first" class="widget-area" role="complementary">
<aside id="recent-posts-3" class="widget widget_recent_entries"> <h3 class="widget-title">Most Recent 10 Posts</h3> <ul>
<li><a href="http://chris-spittles.co.uk/?p=526" title="jQuery: Filter a Table">jQuery: Filter a Table</a></li>
<li><a href="http://chris-spittles.co.uk/?p=545" title="Why Microsoft’s Windows 8 will fail on the desktop…">Why Microsoft’s Windows 8 will fail on the desktop…</a></li>
<li><a href="http://chris-spittles.co.uk/?p=531" title="jQuery: Calculate Scrollbar Width">jQuery: Calculate Scrollbar Width</a></li>
<li><a href="http://chris-spittles.co.uk/?p=489" title="jQuery: Close a Menu by Clicking Anywhere on the Document">jQuery: Close a Menu by Clicking Anywhere on the Document</a></li>
<li><a href="http://chris-spittles.co.uk/?p=462" title="jQuery: Smooth Page Scrolling & Smooth Page Jumps">jQuery: Smooth Page Scrolling & Smooth Page Jumps</a></li>
<li><a href="http://chris-spittles.co.uk/?p=455" title="White Tailed Eagle">White Tailed Eagle</a></li>
<li><a href="http://chris-spittles.co.uk/?p=397" title="Pure CSS3 Image Slider">Pure CSS3 Image Slider</a></li>
<li><a href="http://chris-spittles.co.uk/?p=348" title="Grunaird Bay">Grunaird Bay</a></li>
<li><a href="http://chris-spittles.co.uk/?p=338" title="Savuti Sunset">Savuti Sunset</a></li>
<li><a href="http://chris-spittles.co.uk/?p=303" title="Mr Robin Redbreast">Mr Robin Redbreast</a></li>
</ul>
</aside> </div><!-- #first .widget-area -->
<div id="second" class="widget-area" role="complementary">
<aside id="flickrrss" class="widget widget_flickrRSS"><h3 class="widget-title">My Flickr Feed</h3><a href="http://www.flickr.com/photos/29229942@N06/6411633737/" title="White Tailed Sea Eagle" class="flickrImage"><img src="http://farm7.staticflickr.com/6224/6411633737_17a5a81f1c_s.jpg" alt="White Tailed Sea Eagle"/></a><a href="http://www.flickr.com/photos/29229942@N06/6411632643/" title="IMG_4544.jpg" class="flickrImage"><img src="http://farm8.staticflickr.com/7023/6411632643_8793d1cdbe_s.jpg" alt="IMG_4544.jpg"/></a><a href="http://www.flickr.com/photos/29229942@N06/6411630245/" title="IMG_3584.jpg" class="flickrImage"><img src="http://farm7.staticflickr.com/6238/6411630245_9909a16833_s.jpg" alt="IMG_3584.jpg"/></a><a href="http://www.flickr.com/photos/29229942@N06/6411628297/" title="IMG_2056.jpg" class="flickrImage"><img src="http://farm8.staticflickr.com/7031/6411628297_3cf56a0b86_s.jpg" alt="IMG_2056.jpg"/></a><a href="http://www.flickr.com/photos/29229942@N06/6411627241/" title="IMG_2047.jpg" class="flickrImage"><img src="http://farm8.staticflickr.com/7002/6411627241_21fd850899_s.jpg" alt="IMG_2047.jpg"/></a><a href="http://www.flickr.com/photos/29229942@N06/6411626485/" title="IMG_2008.jpg" class="flickrImage"><img src="http://farm7.staticflickr.com/6044/6411626485_f4110855d2_s.jpg" alt="IMG_2008.jpg"/></a><a href="http://www.flickr.com/photos/29229942@N06/6411624967/" title="IMG_1876.jpg" class="flickrImage"><img src="http://farm8.staticflickr.com/7015/6411624967_e931edc2f1_s.jpg" alt="IMG_1876.jpg"/></a><a href="http://www.flickr.com/photos/29229942@N06/6411624013/" title="IMG_6529.jpg" class="flickrImage"><img src="http://farm8.staticflickr.com/7022/6411624013_1a27a0ee2f_s.jpg" alt="IMG_6529.jpg"/></a><a href="http://www.flickr.com/photos/29229942@N06/6411623003/" title="IMG_6329.jpg" class="flickrImage"><img src="http://farm7.staticflickr.com/6105/6411623003_ccc80ca6b8_s.jpg" alt="IMG_6329.jpg"/></a></aside> </div><!-- #second .widget-area -->
<div id="third" class="widget-area" role="complementary">
<aside id="pages-3" class="widget widget_pages"><h3 class="widget-title">Pages</h3> <ul>
<li class="page_item page-item-83"><a href="http://chris-spittles.co.uk/" title="Welcome">Welcome</a></li>
<li class="page_item page-item-2"><a href="http://chris-spittles.co.uk/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-510"><a href="http://chris-spittles.co.uk/?page_id=510" title="Portfolio">Portfolio</a>
<ul class='children'>
<li class="page_item page-item-272"><a href="http://chris-spittles.co.uk/?page_id=272" title="All Portfolio Items">All Portfolio Items</a></li>
</ul>
</li>
<li class="page_item page-item-516"><a href="http://chris-spittles.co.uk/?page_id=516" title="Tutorials">Tutorials</a></li>
<li class="page_item page-item-63"><a href="http://chris-spittles.co.uk/?page_id=63" title="Contact">Contact</a></li>
</ul>
</aside> </div><!-- #third .widget-area -->
</div><!-- #supplementary -->
<div id="site-generator">
All content © Chris Spittles 2012 </div>
</footer><!-- #colophon -->
</div><!-- #page -->
CS Design is a portfolio of work, if you would like to know more, have a look at the about section or see the contact page if you would like to get in touch.
One of my favourite locations in Scotland for Sunsets over the ocean, Grunaird bay is an easy place to reach by car. It sits between Laide and Mungasdale, with plenty of idylic spots to take photographs, the twisting shore and … Continue reading
I’ve read quite a few photography books and they all say: “think about what you are going to photograph before you go to photograph it“. It’s good advice and I always try to imagine how a picture is going to … Continue reading
I stayed on the Isle of Mull in Scotland for two weeks and drove past this bridge any number of times without paying it much attention. I actually stopped in the end to photograph the river further upstream and after … Continue reading
The 4th largest bird of prey on the planet, the White Tailed Eagle was reintroduced to Scotland in 1975 where they continue to breed successfully. We boarded the Lady Jayne at the Ulva Ferry crossing and sailed to Loch Na … Continue reading
Every afternoon and evening when returning to our tent in the Chobe National Park in Botswana this Bateleur Eagle would be perched in the same dead tree vigilently watching the surrounding area. We had lots of opportunities to photograph this … Continue reading
Having just returned from a boat trip through the floating papyrus mats in the Sandibe game reserve in the Okavango Delta, the sun was already beginning to set. While we were out, there had been a storm on one horizon; … Continue reading
Warning! For accurate results, please disable Firebug before running the tests. (Why?)
Java applet disabled.
| Test | Ops/sec | |
|---|---|---|
Without Tag |
|
pending… |
With Tag |
|
pending… |
You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page: