<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>tallphil.co.uk</title>
	
	<link>http://www.tallphil.co.uk</link>
	<description />
	<lastBuildDate>Fri, 16 Dec 2011 10:46:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/tallphil_blog" /><feedburner:info uri="tallphil_blog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Sequences</title>
		<link>http://feedproxy.google.com/~r/tallphil_blog/~3/S5hnJbttZ4Y/</link>
		<comments>http://www.tallphil.co.uk/sequences/#comments</comments>
		<pubDate>Fri, 18 Nov 2011 17:10:43 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[Bioinformatics]]></category>
		<category><![CDATA[Things I've made]]></category>

		<guid isPermaLink="false">http://www.tallphil.co.uk/?p=600</guid>
		<description><![CDATA[<p>A very common task for anyone involved in genetics is the manipulation of DNA or RNA sequences. I need to find the reverse compliment of sequences all the time, and I&#8217;ve been getting increasingly frustrated with the lack of a simple, robust tool to do that &#8211; most require strictly formatted sequences, use Java applets [...]</p><p>--
<a href="http://www.tallphil.co.uk/sequences/">Sequences</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p>]]></description>
			<content:encoded><![CDATA[<p>A very common task for anyone involved in genetics is the manipulation of DNA or RNA sequences. I need to find the <a title="Wikipedia article on reverse compliments" href="http://en.wikipedia.org/wiki/Complementarity_(molecular_biology)" target="_blank">reverse compliment</a> of sequences all the time, and I&#8217;ve been getting increasingly frustrated with the lack of a simple, robust tool to do that &#8211; most require strictly formatted sequences, use Java applets which take ages to load, and are generally faffy.</p>
<p>I thought I&#8217;d do something about this, so I made my own:<br />
<a href="http://www.tallphil.co.uk/bioinformatics/sequences/">http://www.tallphil.co.uk/bioinformatics/sequences/</a></p>
<p><span id="more-600"></span>It does a couple of cool things, such as remembering your settings using <a href="http://diveintohtml5.ep.io/storage.html" target="_blank">HTML5 local storage</a>, and giving the option to automatically copy results to the clipboard in internet explorer.</p>
<p>It&#8217;s free for anyone to use, and everything is included in the one HTML file. To host it on your own server just View Source, copy and paste..</p>
<p><em>[ Update : ]</em> This project is now hosted on <a title="Sequences - github" href="https://github.com/tallphil/Sequences" target="_blank">github</a> &#8211; it&#8217;s still only one file (so you can still use or grab it by viewing source above), but github allows nice things like issue tracking, collaboration and forking&#8230;</p>
<p>--
<a href="http://www.tallphil.co.uk/sequences/">Sequences</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p><img src="http://feeds.feedburner.com/~r/tallphil_blog/~4/S5hnJbttZ4Y" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tallphil.co.uk/sequences/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.tallphil.co.uk/sequences/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=sequences</feedburner:origLink></item>
		<item>
		<title>Cambridge Kitchen Comments</title>
		<link>http://feedproxy.google.com/~r/tallphil_blog/~3/ARowdNeq7Qw/</link>
		<comments>http://www.tallphil.co.uk/comments-package/#comments</comments>
		<pubDate>Tue, 01 Nov 2011 17:28:35 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[Things I've made]]></category>

		<guid isPermaLink="false">http://www.tallphil.co.uk/?p=580</guid>
		<description><![CDATA[<p>My college, Trinity Hall, was recently in need of a new system to allow students and staff to comment on Hall food. As I couldn&#8217;t find anything that specifically met our need, I put together a standalone package. You can see a live demo (without Raven authentication) here. It&#8217;s written in PHP and mySQL, and [...]</p><p>--
<a href="http://www.tallphil.co.uk/comments-package/">Cambridge Kitchen Comments</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.tallphil.co.uk/wp-content/uploads/2011/11/kitchen_comments.png"><img class="alignright size-thumbnail wp-image-590" title="Kitchen Comments" src="http://www.tallphil.co.uk/wp-content/uploads/2011/11/kitchen_comments-150x150.png" alt="" width="150" height="150" /></a>My college, Trinity Hall, was recently in need of a new system to allow students and staff to comment on Hall food. As I couldn&#8217;t find anything that specifically met our need, I put together a standalone package. You can see a <strong><a title="Kitchen Comments" href="http://www.tallphil.co.uk/comments">live demo</a></strong> (without Raven authentication) <strong><a title="Cambridge Kitchen Comments" href="http://www.tallphil.co.uk/comments">here</a></strong>.</p>
<p><span id="more-580"></span>It&#8217;s written in PHP and mySQL, and uses the excellent <a title="jQuery UI" href="http://jqueryui.com/" target="_blank">jQuery UI</a> and <a title="jQuery Validate" href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" target="_blank">jQuery Validate plugin</a>.</p>
<p>Features:</p>
<ul>
<li>Require Cambridge login using <a title="Raven" href="http://raven.cam.ac.uk/" target="_blank">Raven</a></li>
<li>Comments require moderation</li>
<ul>
<li>SCR, MCR and JCR each have their own moderators. These can be updated through the web interface.</li>
</ul>
<li>Once moderated, kitchen staff are e-mailed about the comment, and can reply</li>
<ul>
<li>Kitchen staff are also listed by CRSID and do not see commenting interface</li>
</ul>
<li>Original commenter is e-mailed upon approval and reply</li>
<li>Users can also rate cafeteria food for quality and value using sliders</li>
<li>Moderators can delete comments, even after approval and reply</li>
<li>Users can delete their own comments, even after approval and reply</li>
<li>Optional lists of SCR, MCR and JCR members can be filled, and the system closed to anyone not on those lists.</li>
<ul>
<li>These lists can also be updated through the web interface.</li>
</ul>
</ul>
<p>I have released the package with a <a title="GNU GPL" href="http://www.gnu.org/licenses/gpl.html" target="_blank">GNU General Public License</a>, meaning that anyone is free to use and modify the code as they need (though please leave the licence and credit in place). Cambridge colleges can easily use the system, <a href="http://kcomments.soc.srcf.net/">hosted on the SRCF</a>. Alternatively, you can <strong><a title="Cambridge Kitchen Comments Download" href="http://kcomments.soc.srcf.net/kcomments.zip">download the comments package</a></strong>, and see a <a title="Cambridge Kitchen Comments" href="http://www.tallphil.co.uk/comments"><strong>live demo</strong></a> (without Raven authentication) <a title="Cambridge Kitchen Comments" href="http://www.tallphil.co.uk/comments"><strong>here</strong></a>.</p>
<p>--
<a href="http://www.tallphil.co.uk/comments-package/">Cambridge Kitchen Comments</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p><img src="http://feeds.feedburner.com/~r/tallphil_blog/~4/ARowdNeq7Qw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tallphil.co.uk/comments-package/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.tallphil.co.uk/comments-package/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=comments-package</feedburner:origLink></item>
		<item>
		<title>Genome RE Sites</title>
		<link>http://feedproxy.google.com/~r/tallphil_blog/~3/9tRRF4DGfvM/</link>
		<comments>http://www.tallphil.co.uk/genome-re-sites/#comments</comments>
		<pubDate>Wed, 19 Oct 2011 14:50:44 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[Bioinformatics]]></category>

		<guid isPermaLink="false">http://www.tallphil.co.uk/?p=565</guid>
		<description><![CDATA[<p>Rather than sitting on my hard disk getting dusty, I thought I should start publishing the bioinformatics scripts that I&#8217;ve written over the past few years of my PhD. The first to go up is a Perl script called &#8220;Genome RE Sites&#8221; &#8211; it searches a genome of your choice for a restriction endonuclease recognition [...]</p><p>--
<a href="http://www.tallphil.co.uk/genome-re-sites/">Genome RE Sites</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p>]]></description>
			<content:encoded><![CDATA[<p>Rather than sitting on my hard disk getting dusty, I thought I should start publishing the bioinformatics scripts that I&#8217;ve written over the past few years of my PhD.</p>
<p>The first to go up is a Perl script called &#8220;Genome RE Sites&#8221; &#8211; it searches a genome of your choice for a <a title="Wikipedia page about restriction endonucleases" href="http://en.wikipedia.org/wiki/Restriction_enzyme" target="_blank">restriction endonuclease</a> recognition site and outputs the co-ordinates of all cut sites.</p>
<p><em>[ Update ] : You can find an online version of this tool <a href="http://www.tallphil.co.uk/bioinformatics/genome_re_sites">here</a>.</em></p>
<p><span id="more-565"></span></p>
<p>I use a technique called <a href="http://en.wikipedia.org/wiki/Chromosome_conformation_capture" target="_blank">Chromosome Conformation Capture</a>, which uses restriction enzymes, so I frequently need to generate a list of cut sites to help me analyse data.</p>
<p>This script needs to be run on the command line, either on a linux system or using something like <a href="http://www.activestate.com/activeperl" target="_blank">ActivePerl </a>on Windows. Usage of this script is:</p>
<pre class="brush: plain; title: ; notranslate">perl genome_RE_sites.pl [output file] [search string]</pre>
<p>..where [output file] is the filename that will hold your results and [search string] is the restriction enzyme recognition site. The latter can be ignored and will default to HindIII (AAGCTT). There are a few other configuration options that you&#8217;ll need to edit before using the script, such as location of downloaded genome sequences and chromosome names. Please leave a comment if you have any problems with these.</p>
<p>Download the code <a href="http://www.tallphil.co.uk/wp-content/uploads/2011/10/genome_RE_sites.zip">here</a>, or copy and paste from below:</p>
<pre class="brush: perl; title: ; notranslate">
#!/usr/bin/perl
use warnings;
use strict;
#############################################################
# Name: Genome RE Sites                                     #
# Author: Phil Ewels                                        #
# Version 1.0 - 25/05/2011                                  #
# --------------------------------------------------------- #
# Outputs a file with locations of restriction endonuclease #
# sites (not resulting fragments)                           #
# --------------------------------------------------------- #
# Genome RE Sites is licensed under a Creative Commons      #
# Attribution-ShareAlike 3.0 Unported License.              #
# Based on a work at www.tallphil.co.uk.                    #
#############################################################

#===============================
#==== CONFIGURATION OPTIONS ====
#===============================

# Set by command line (optional)
my ($output,$re_search) = @ARGV;
if (!defined $output) {
	die &quot;Usage is genome_RE_sites.pl [output file] [search string]\nLeave blank to use defaults\n&quot;;
} elsif(!defined $re_search) {
	# Restriction site to use
	$re_search = 'AAGCTT'; # HindIII as default
	warn &quot;Using file defaults: search string = $re_search, output = $output\n&quot;;
} else {
	warn &quot;Using command line variables: search string = $re_search, output = $output\n&quot;;
}

# Path to chromosome fasta files. Replace chromosome number with %s
my $fn_base = 'D:\Genome Sequences\Mouse\chr%s.fa';
warn &quot;Looking for Genome Sequences in $fn_base\n\n&quot;;

# Chromosomes to use. Default is (1..19,'X','Y') - other options are 'MT' etc.
my @chromosomes = (1..19,'X','Y');

#==================================
#== END OF CONFIGURATION OPTIONS ==
#==================================

open (OUT,'&gt;',$output) or die $!;

# go through each chromosome
foreach my $chromosome (@chromosomes) {
	my $filename = sprintf($fn_base, $chromosome);
	open (IN,$filename) or die &quot;Can't read file: $!&quot;;
	warn &quot;Starting Chromosome $chromosome ($filename)\n&quot;;
	my $sequence = '';
	$_ = ; # Remove fasta header
	while (my $line = ) {
		chomp ($line);
		$sequence .= uc($line); # Make everything upper case
	}

	my $offset = 0;
	my $pos = index($sequence, $re_search, $offset);
	while ($pos != -1) {
		print OUT $chromosome.&quot;\t&quot;. # Chromosome Name
			      $pos.&quot;\t&quot;. # Position Start
			    ( $pos + length($re_search) ).&quot;\n&quot;; # Position Finish
		$offset = $pos + length($re_search);
		$pos = index($sequence, $re_search, $offset);
	}

	close IN;
}
</pre>
<p>--
<a href="http://www.tallphil.co.uk/genome-re-sites/">Genome RE Sites</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p><img src="http://feeds.feedburner.com/~r/tallphil_blog/~4/9tRRF4DGfvM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tallphil.co.uk/genome-re-sites/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.tallphil.co.uk/genome-re-sites/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=genome-re-sites</feedburner:origLink></item>
		<item>
		<title>Taking WordPress Menus back to basics</title>
		<link>http://feedproxy.google.com/~r/tallphil_blog/~3/_wozGRqpcfw/</link>
		<comments>http://www.tallphil.co.uk/taking-wordpress-menus-back-to-basics/#comments</comments>
		<pubDate>Tue, 06 Sep 2011 16:43:43 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.tallphil.co.uk/?p=554</guid>
		<description><![CDATA[<p>I was working on a project earlier where I was using the wp_nav_menu function in WordPress to create a menu. By default, WordPress creates menus which are wrapped in layers (&#60;div&#62;), an unordered list (&#60;ul&#62;), list items (&#60;li&#62;) and then a link (&#60;a&#62;). However, on this project I wanted to use jQuery UI to generate a [...]</p><p>--
<a href="http://www.tallphil.co.uk/taking-wordpress-menus-back-to-basics/">Taking WordPress Menus back to basics</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p>]]></description>
			<content:encoded><![CDATA[<p>I was working on a project earlier where I was using the <a href="http://codex.wordpress.org/Function_Reference/wp_nav_menu" target="_blank">wp_nav_menu</a> function in WordPress to create a menu. By default, WordPress creates menus which are wrapped in layers (&lt;div&gt;), an unordered list (&lt;ul&gt;), list items (&lt;li&gt;) and then a link (&lt;a&gt;). However, on this project I wanted to use <a title="jQuery UI" href="http://jqueryui.com/demos/button/#radio" target="_blank">jQuery UI</a> to generate a navigation, and that required <em>just</em> links (&lt;a&gt; &lt;a&gt; &lt;a&gt;).</p>
<p>So, to strip out all of those extra HTML tags, I used the following javascipt (as I was already relying on jQuery and javascript anyway).</p>
<pre class="brush: jscript; title: ; notranslate">
var newmenu = '';
jQuery(&quot;#nav ul li&quot;).each(function() {
	newmenu += jQuery(this).html();
});
jQuery(&quot;#nav&quot;).html(newmenu);
</pre>
<p>This works by firstly looping through all of the list items in my navigation layer, and copying their contents (the menu link) into a variable. Then, I replace all of the HTML contained within my navigation layer with that string. Easy!</p>
<p>--
<a href="http://www.tallphil.co.uk/taking-wordpress-menus-back-to-basics/">Taking WordPress Menus back to basics</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p><img src="http://feeds.feedburner.com/~r/tallphil_blog/~4/_wozGRqpcfw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tallphil.co.uk/taking-wordpress-menus-back-to-basics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.tallphil.co.uk/taking-wordpress-menus-back-to-basics/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=taking-wordpress-menus-back-to-basics</feedburner:origLink></item>
		<item>
		<title>Chosen jQuery Plugin</title>
		<link>http://feedproxy.google.com/~r/tallphil_blog/~3/KsCHPhcCRGI/</link>
		<comments>http://www.tallphil.co.uk/chosen-jquery-plugin/#comments</comments>
		<pubDate>Thu, 28 Jul 2011 11:08:27 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.tallphil.co.uk/?p=550</guid>
		<description><![CDATA[<p>I just came across the Chosen JavaScript plugin, thanks to a link on the excellent CSS-Tricks RSS feed. It&#8217;s a jQuery / Prototype plugin which turns regular HTML &#60;select&#62; dropdown boxes into functional uber-awesome units of happiness. Previously, I&#8217;ve tended to opt for either standard dropdown select boxes or something like the jQuery UI Autocomplete (still awesome [...]</p><p>--
<a href="http://www.tallphil.co.uk/chosen-jquery-plugin/">Chosen jQuery Plugin</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p>]]></description>
			<content:encoded><![CDATA[<p>I just came across the <a href="http://harvesthq.github.com/chosen/" target="_blank">Chosen JavaScript plugin</a>, thanks to a link on the excellent <a href="http://css-tricks.com/">CSS-Tricks</a> RSS feed. It&#8217;s a jQuery / Prototype plugin which turns regular HTML &lt;select&gt; dropdown boxes into functional uber-awesome units of happiness.</p>
<p><span id="more-550"></span>Previously, I&#8217;ve tended to opt for either standard dropdown select boxes or something like the <a href="http://jqueryui.com/demos/autocomplete/" target="_blank">jQuery UI Autocomplete</a> (still awesome if the list you&#8217;re selecting is massive). I think <a href="http://harvesthq.github.com/chosen/" target="_blank">Chosen</a> will become a standard include on every website I do from now on though, very impressed&#8230;</p>
<p>--
<a href="http://www.tallphil.co.uk/chosen-jquery-plugin/">Chosen jQuery Plugin</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p><img src="http://feeds.feedburner.com/~r/tallphil_blog/~4/KsCHPhcCRGI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tallphil.co.uk/chosen-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.tallphil.co.uk/chosen-jquery-plugin/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=chosen-jquery-plugin</feedburner:origLink></item>
		<item>
		<title>Flickr Press</title>
		<link>http://feedproxy.google.com/~r/tallphil_blog/~3/H0HN3LSjhzs/</link>
		<comments>http://www.tallphil.co.uk/flickr-press/#comments</comments>
		<pubDate>Tue, 19 Jul 2011 22:54:28 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress Plugins]]></category>

		<guid isPermaLink="false">http://www.tallphil.co.uk/?p=540</guid>
		<description><![CDATA[<p>I&#8217;ve been using the excellent Flickr Press plugin to display flickr sets on a website that I&#8217;ve been working on lately, and I made a few changes to make life easier. In case anyone else may find them useful, I&#8217;ve uploaded the modified plugin here for general use. I&#8217;ve notified the original author, so hopefully if [...]</p><p>--
<a href="http://www.tallphil.co.uk/flickr-press/">Flickr Press</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been using the excellent <a title="Flickr Press homepage" href="http://www.fergusweb.net/software/flickr-press/" target="_blank">Flickr Press</a> plugin to display flickr sets on a <a title="Trinity Hall MCR" href="http://www.mcr.trinhall.cam.ac.uk/photos/" target="_blank">website</a> that I&#8217;ve been working on lately, and I made a few changes to make life easier. In case anyone else may find them useful, I&#8217;ve uploaded the modified plugin here for general use. I&#8217;ve notified the original author, so hopefully if he likes the changes they may be pushed in a future update. For now you can <a href="http://www.tallphil.co.uk/wp-content/uploads/2011/07/flickr-press.zip">download it here</a>.<span id="more-540"></span></p>
<p>Changes are:</p>
<ul>
<li>Option to specify the size of the main photo</li>
<li>Option to change how frequently the cache is updated</li>
<li>Inclusion of a link around the main photo, so that clicking it advances</li>
<li>A bit of Javascript to allow the user to use the cursor keys to navigate</li>
</ul>
<p>Also, in case anyone finds them useful, below are some CSS styles I&#8217;ve written for the website theme mentioned above. The main things that this CSS does are:</p>
<ul>
<li>Floats the sets to the left, and clears every third set to give regular rows of three sets</li>
<li>Removes the background-image shadow and uses CSS3 shadows (which will fit the size of the image perfectly)</li>
<li>Removes some of the text styling (such as link underlines)</li>
<li>Changes the rollover behaviour of photo thumbnails, including CSS3 animations</li>
</ul>
<pre class="brush: css; title: ; notranslate">
#flickr_photosets .photoset {
	border:1px solid #999 !important;
	-moz-box-shadow: 0 0 8px #999;
	-webkit-box-shadow: 0 0 8px #999;
	box-shadow: 0 0 8px #999;
	width:280px;
	float:left;
	clear:none !important;
}
#flickr_photosets .photoset h3 {
	text-shadow:none !important;
	margin-top:0;
}
#flickr_photosets .photoset h3 a { text-decoration:none; font-size:medium; font-family: Garamond, Georgia, serif; }
#flickr_photosets .photoset p { font-size:smaller; color:#666; }
#flickr_photosets .photoset p a { text-decoration:none; color:#666; }
#flickr_photosets .photoset h3 a:hover, #flickr_photosets .photoset p a:hover { text-decoration:underline; }
#flickr_photosets .photoset:nth-of-type(2n+1) {
	clear:left !important;
}
#flickr_album .thumbnails a.thumb img.thumb, #flickr_photo .photo_context p a img { margin: 1px 8px 5px 1px; border:1px solid #FFF; }
#flickr_album a img.primary { margin: 2px 24px 8px 2px; border:1px solid #FFF; }
#flickr_album .thumbnails a.thumb img.thumb, #flickr_album a img.primary, #flickr_photo .photo_context p a img {
	padding:0;
	background:none;
	-moz-box-shadow: 2px 2px 4px #999;
	-webkit-box-shadow: 2px 2px 4px #999;
	box-shadow: 2px 2px 4px #999;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
}
#flickr_album .thumbnails a.thumb:hover img.thumb, #flickr_album a:hover img.primary, #flickr_photo .photo_context p a:hover img { border:1px solid #666; }
#flickr_photo p.photo img.photo { border: 1px solid #999; }
#flickr_photo p.meta a { text-decoration:none; }
</pre>
<p>--
<a href="http://www.tallphil.co.uk/flickr-press/">Flickr Press</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p><img src="http://feeds.feedburner.com/~r/tallphil_blog/~4/H0HN3LSjhzs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tallphil.co.uk/flickr-press/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.tallphil.co.uk/flickr-press/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=flickr-press</feedburner:origLink></item>
		<item>
		<title>Flickr Badge</title>
		<link>http://feedproxy.google.com/~r/tallphil_blog/~3/jHXtpYk6ehk/</link>
		<comments>http://www.tallphil.co.uk/flickr-badge/#comments</comments>
		<pubDate>Fri, 08 Jul 2011 13:56:43 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress Plugins]]></category>

		<guid isPermaLink="false">http://tallphil.ewels.co.uk/?p=529</guid>
		<description><![CDATA[<p>I&#8217;ve been using the excellent flickr badge on a website lately, and decided that it would be nice to put the script in as a widget, with easy to update options to customise it. So, I wrote a quick plugin which does just that&#8230; Please note that this plugin is not associated with flickr in any [...]</p><p>--
<a href="http://www.tallphil.co.uk/flickr-badge/">Flickr Badge</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been using the excellent <a title="flickr badge" href="http://www.flickr.com/badge.gne" target="_blank">flickr badge</a> on a website lately, and decided that it would be nice to put the script in as a widget, with easy to update options to customise it. So, I wrote a <a title="Flickr Badge" href="http://wordpress.org/extend/plugins/flickr-badge/" target="_blank">quick plugin</a> which does just that&#8230;<br />
<span id="more-529"></span></p>
<blockquote><p><em>Please note that this plugin is not associated with <a title="flickr" href="http://www.flickr.com" target="_blank">flickr</a> in any way, it is purely a convenient way to embed an <a title="flickr badge" href="http://www.flickr.com/badge.gne" target="_blank">existing tool</a> written by flickr into a WordPress website.</em></p></blockquote>
<h4>Download</h4>
<p>The easiest way to install this plugin is through the WordPress administration pages (&#8216;Plugins &gt; Add New&#8217;, then search for &#8216;Flickr Badge&#8217;). It also has its own <a title="Flickr Badge" href="http://wordpress.org/extend/plugins/flickr-badge/" target="_blank">WordPress plugin page</a>. However, if you would like to manually install the plugin by uploading the .zip file yourself, then you can <strong>download it <a href="http://www.tallphil.co.uk/wp-content/uploads/2011/07/flickr-badge.zip">here</a></strong>.</p>
<h4>Description</h4>
<p>The plugin creates a Widget to display a customised <a title="flickr badge" href="http://www.flickr.com/badge.gne" target="_blank">flickr badge</a> on your WordPress site. The output is images wrapped in links to that photo&#8217;s flickr page.</p>
<p>The widget lets you specify:</p>
<ul>
<li>Title</li>
<li>Number of photos to display</li>
<li>How to sort photos (Random or Latest)</li>
<li>Photo size</li>
</ul>
<p>You can choose to get public photos from either a flickr <em>user</em>, a flickr <em>group</em> or from the <em>whole</em> of flickr. Photos can also be filtered for a tag, or a user Set ID.</p>
<h4>Installation</h4>
<p>To use the plugin, you can either install it through the WordPress control panel <em>(search for &#8216;Flickr Badge&#8217;) </em>or you can download the .zip file from the <a title="Flickr Badge" href="http://wordpress.org/extend/plugins/flickr-badge/" target="_blank">WordPress repository page</a> and upload / install it yourself.</p>
<p>Please note that your theme must have Widgets enabled to use this plugin..</p>
<h4>Basic Use</h4>
<p>To use the new Widget, go to <em>Appearance &gt; Widgets</em> in your WordPress administration. Here you should see an available widget called &#8216;Flickr Badge&#8217;. Drag and drop this into the sidebar on the right, where you would like the photos to be shown.</p>
<p>Once placed in a sidebar, expanding the Flickr Badge widget will reveal the following options:</p>
<ul>
<li>Title</li>
<ul>
<li>Any text here will be set as the title of the widget, above the photos in your sidebar. If left blank there will be no title.</li>
</ul>
<li>Number of photos to display</li>
<li>Sort Photos</li>
<ul>
<li>Show the most recent photos, or a random selection</li>
</ul>
<li>Photo size</li>
<li>Layout</li>
<li>Source of photos</li>
<ul>
<li>You can choose to display photos from either an individual flickr user, a flickr group, or the whole flickr pool.</li>
</ul>
<li>User / Group ID</li>
<ul>
<li>If displaying photos from a user or group, you need to tell the plugin which one to choose. This is done with a flickr ID. There is a handy tool to find this called <a title="idGettr" href="http://idgettr.com/" target="_blank">idGettr</a>, and should look something like this: <span class="Apple-style-span" style="font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px; white-space: pre;">123456%78A90</span></li>
<li>If you are displaying photos from the whole flickr pool, you can leave this field blank.</li>
</ul>
<li>Tag / User Set ID (optional)</li>
<ul>
<li>If you want, you can choose to filter the result with a tag. For example, you could show a random selection of photos from the whole flickr pool which are tagged with the word &#8216;blue&#8217;, or &#8216;unicorns&#8217;. This also works for group and user photos.</li>
<li>If you want to show photos from a single set, you can enter its ID here. If you visit a photo in that set, it will have a URL that looks something like this: <span class="Apple-style-span" style="font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px; white-space: pre;">http://www.flickr.com/photos/user/1234567890/in/set-12345678901234567/</span><br />
The last number in that URL is the set ID</li>
</ul>
</ul>
<h4>Customisation</h4>
<p>The output from this plugin is <span style="text-decoration: underline;">unstyled</span>. If you are not comfortable editing the styles in your theme, please use the <a title="flickr badge" href="http://www.flickr.com/badge.gne" target="_blank">flickr badge</a> tool directly, and embed the resulting html in a &#8216;Text&#8217; widget (Arbitrary text or HTML) .</p>
<p>Extra CSS styles should be added to the &#8216;styles.css&#8217; file, which can be edited for your theme in &#8216;Appearance &gt; Editor&#8217;.</p>
<p>Some example CSS is included below to help you on your way, though please note that this may not work for all themes. This CSS will give a vertical bar of photos, wide enough for the largest photo size (Small).</p>
<pre class="brush: css; title: ; notranslate">.flickrBadge {
	text-align:center;
	width:256px;
}
.flickrBadge ul, .flickrBadge li {
	margin:0;
	list-style-type:none;
}
.flickrBadge img{
	margin:5px 0 5px 5px;
	padding:0;
	border:1px solid #000;
}</pre>
<h4>Limits</h4>
<p>Please note that this plugin does not offer all of the features available with the full <a title="flickr badge" href="http://www.flickr.com/badge.gne" target="_blank">flickr badge</a>, such as the flash version of the badge, display of a user badge or easy styling. If you would like to take advantage of these features, please create your own flickr badge using the tool on the flickr website, and embed the resulting html in a &#8216;Text&#8217; widget (Arbitrary text or HTML) .</p>
<p>If there are any features that you&#8217;d like to see added to this plugin, please use the comments below to let me know.</p>
<p>--
<a href="http://www.tallphil.co.uk/flickr-badge/">Flickr Badge</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p><img src="http://feeds.feedburner.com/~r/tallphil_blog/~4/jHXtpYk6ehk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tallphil.co.uk/flickr-badge/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.tallphil.co.uk/flickr-badge/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=flickr-badge</feedburner:origLink></item>
		<item>
		<title>Nike Better World</title>
		<link>http://feedproxy.google.com/~r/tallphil_blog/~3/C78Jri1b6L8/</link>
		<comments>http://www.tallphil.co.uk/nike-better-world/#comments</comments>
		<pubDate>Tue, 04 Jan 2011 14:40:23 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.tallphil.co.uk/?id=143</guid>
		<description><![CDATA[<p>My new favourite website: nikebetterworld.com. By Ian Coyle, found through css-tricks.</p><p>--
<a href="http://www.tallphil.co.uk/nike-better-world/">Nike Better World</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://tallphil.co.uk/wp-content/uploads/2011/01/nike.jpg"><img class="alignright size-medium wp-image-382" title="nike" src="http://tallphil.co.uk/wp-content/uploads/2011/01/nike-300x126.jpg" alt="" width="300" height="126" /></a>My new favourite website: <a href="http://nikebetterworld.com" target="_blank">nikebetterworld.com</a>.</p>
<p>By Ian Coyle, found through <a href="http://css-tricks.com/links-jan3-2011/" target="_blank">css-tricks</a>.</p>
<p>--
<a href="http://www.tallphil.co.uk/nike-better-world/">Nike Better World</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p><img src="http://feeds.feedburner.com/~r/tallphil_blog/~4/C78Jri1b6L8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tallphil.co.uk/nike-better-world/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.tallphil.co.uk/nike-better-world/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=nike-better-world</feedburner:origLink></item>
		<item>
		<title>Micro-Heart</title>
		<link>http://feedproxy.google.com/~r/tallphil_blog/~3/NmP2ysHCqaY/</link>
		<comments>http://www.tallphil.co.uk/micro-heart/#comments</comments>
		<pubDate>Fri, 18 Jun 2010 14:17:07 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[Personal]]></category>

		<guid isPermaLink="false">http://www.tallphil.co.uk/?id=142</guid>
		<description><![CDATA[<p>I was doing some RNA-FISH today and was using some random fluff to find the focal plane when I came across this fella &#8211; kind of looks like a heart, no? Except it&#8217;s about 10µM across (roughly 10,000 times smaller than a human heart)</p><p>--
<a href="http://www.tallphil.co.uk/micro-heart/">Micro-Heart</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://tallphil.co.uk/wp-content/uploads/2010/06/heart.jpg"><img class="alignright size-medium wp-image-385" title="heart" src="http://tallphil.co.uk/wp-content/uploads/2010/06/heart-300x225.jpg" alt="" width="300" height="225" /></a>I was doing some <a href="http://en.wikipedia.org/wiki/Fluorescent_in_situ_hybridization" target="_blank">RNA-FISH</a> today and was using some random fluff to find the focal plane when I came across this fella &#8211; kind of looks like a heart, no? Except it&#8217;s about 10µM across (roughly 10,000 times smaller than a human heart)</p>
<p>--
<a href="http://www.tallphil.co.uk/micro-heart/">Micro-Heart</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p><img src="http://feeds.feedburner.com/~r/tallphil_blog/~4/NmP2ysHCqaY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tallphil.co.uk/micro-heart/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.tallphil.co.uk/micro-heart/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=micro-heart</feedburner:origLink></item>
		<item>
		<title>New Wallpaper</title>
		<link>http://feedproxy.google.com/~r/tallphil_blog/~3/vNMKXRrhdIM/</link>
		<comments>http://www.tallphil.co.uk/new-wallpaper/#comments</comments>
		<pubDate>Thu, 20 May 2010 16:56:27 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[Link Love]]></category>

		<guid isPermaLink="false">http://www.tallphil.co.uk/?id=141</guid>
		<description><![CDATA[<p>I don&#8217;t change my work desktop wallpaper very often, and when I do I&#8217;m usually very picky. I spent a while digging around deviantART yesterday and came across a new one by ~pr09studio called It&#8217;s my turn. Think this one&#8217;s a keeper&#8230;</p><p>--
<a href="http://www.tallphil.co.uk/new-wallpaper/">New Wallpaper</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://tallphil.co.uk/wp-content/uploads/2010/05/It__s_my_turn_by_pr09studio.jpeg"><img class="alignright size-medium wp-image-387" title="It__s_my_turn_by_pr09studio" src="http://tallphil.co.uk/wp-content/uploads/2010/05/It__s_my_turn_by_pr09studio-300x187.jpg" alt="" width="300" height="187" /></a>I don&#8217;t change my work desktop wallpaper very often, and when I do I&#8217;m usually very picky. I spent a while digging around <a href="http://www.deviantart.com" target="_blank">deviantART</a> yesterday and came across a new one by <a href="http://pr09studio.deviantart.com/" target="_blank">~pr09studio</a> called <a href="http://pr09studio.deviantart.com/art/It-s-my-turn-164368214" target="_blank">It&#8217;s my turn</a>.</p>
<p>Think this one&#8217;s a keeper&#8230;</p>
<p>--
<a href="http://www.tallphil.co.uk/new-wallpaper/">New Wallpaper</a>
<a href="http://www.tallphil.co.uk">tallphil.co.uk</a></p><img src="http://feeds.feedburner.com/~r/tallphil_blog/~4/vNMKXRrhdIM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.tallphil.co.uk/new-wallpaper/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.tallphil.co.uk/new-wallpaper/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=new-wallpaper</feedburner:origLink></item>
	</channel>
</rss>

