<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	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/"
	>

<channel>
	<title>Sprayfly &#187; Web Design</title>
	<atom:link href="http://sprayfly.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://sprayfly.com</link>
	<description>Languages, Linux, Life</description>
	<lastBuildDate>Sat, 14 Aug 2010 10:45:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>CSS for displaying code snippets on a WordPress blog</title>
		<link>http://sprayfly.com/2010/08/08/css-for-displaying-code-snippets-on-a-wordpress-blog/</link>
		<comments>http://sprayfly.com/2010/08/08/css-for-displaying-code-snippets-on-a-wordpress-blog/#comments</comments>
		<pubDate>Sun, 08 Aug 2010 08:47:52 +0000</pubDate>
		<dc:creator>Jono</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[cleanr]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[pre]]></category>
		<category><![CDATA[tags]]></category>
		<category><![CDATA[update]]></category>

		<guid isPermaLink="false">http://sprayfly.com/?p=470</guid>
		<description><![CDATA[I recently updated the theme I use on this blog (Cleanr) to the latest version via the WordPress Dashboard and discovered that code snippets were no longer displaying correctly &#8211; overflowing into the sidebar. After comparing the old and new style.css files for this theme, I noticed that the following line was missing from the [...]]]></description>
			<content:encoded><![CDATA[<p>I recently updated the theme I use on this blog (Cleanr) to the latest version via the WordPress Dashboard and discovered that code snippets were no longer displaying correctly &#8211; overflowing into the sidebar.</p>
<p>After comparing the old and new style.css files for this theme, I noticed that the following line was missing from the new one:</p>
<pre>pre {display: block; overflow: auto; background: #f3f3f3; padding: 5px; margin: 20px 0; font-family: monospace; border: 1px solid #dadada;}</pre>
<p>I enclose all of my code snippets in HTML &#8220;pre&#8221; tags &#8211; the above code (written by myself) wraps them in a nice little box on the page &#8211; using a horizontal slider to deal with the overflow issue experienced. It seems I made changes to the original Cleanr theme &#8211; but completely forgot to change the new code after performing the update.</p>
<p>Hopefully everything should look a little nicer now <img src='http://sprayfly.com/tech/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<div id="mainphotoarea"></div>]]></content:encoded>
			<wfw:commentRss>http://sprayfly.com/2010/08/08/css-for-displaying-code-snippets-on-a-wordpress-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Theme (Lightword)</title>
		<link>http://sprayfly.com/2009/06/06/new-theme-lightword/</link>
		<comments>http://sprayfly.com/2009/06/06/new-theme-lightword/#comments</comments>
		<pubDate>Sat, 06 Jun 2009 08:02:50 +0000</pubDate>
		<dc:creator>Jono</dc:creator>
				<category><![CDATA[Site News]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://sprayfly.com/?p=250</guid>
		<description><![CDATA[I decided the old theme was a bit dirty and dated so I&#8217;ve gone for something simple and clean &#8211; drawing your attention to the page content rather than the page design. Let me know if you have any problems browsing the site.]]></description>
			<content:encoded><![CDATA[<p>I decided the old theme was a bit dirty and dated so I&#8217;ve gone for something simple and clean &#8211; drawing your attention to the page content rather than the page design. Let me know if you have any problems browsing the site.</p>
<div id="mainphotoarea"></div>]]></content:encoded>
			<wfw:commentRss>http://sprayfly.com/2009/06/06/new-theme-lightword/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Mediawiki reCAPTCHA plugin prevents Wiki spam and vandalism</title>
		<link>http://sprayfly.com/2009/02/25/mediawiki-recaptcha-plugin-prevents-wiki-spam-and-vandalism/</link>
		<comments>http://sprayfly.com/2009/02/25/mediawiki-recaptcha-plugin-prevents-wiki-spam-and-vandalism/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 05:20:38 +0000</pubDate>
		<dc:creator>Jono</dc:creator>
				<category><![CDATA[Site News]]></category>
		<category><![CDATA[WL-HDD]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wiki]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[mediawiki]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[recaptcha]]></category>
		<category><![CDATA[spam]]></category>

		<guid isPermaLink="false">http://sprayfly.com/?p=222</guid>
		<description><![CDATA[After years of fighting spam and vandalism on my WL-HDD site &#8211; involving making many complex spam rules and heavily restricting user&#8217;s editing permissions, I have finally found a more ideal solution to the problem &#8211; reCAPTCHA. Many of you will already be familiar with reCAPTCHA via other websites &#8211; where it is often used [...]]]></description>
			<content:encoded><![CDATA[<p>After years of fighting spam and vandalism on my <a href="http://wlhdd.co.uk/">WL-HDD</a> site &#8211; involving making many complex spam rules and heavily restricting user&#8217;s editing permissions, I have finally found a more ideal solution to the problem &#8211; reCAPTCHA.</p>
<p>Many of you will already be familiar with reCAPTCHA via other websites &#8211; where it is often used to block spam comments on blogs or on user registration forms. Basically, it requires you to recognize two words in a picture and to type them into an input box as a means of proving that you are a human and not a spambot. You can see an example of reCAPTCHA in action in the screenshot provided.</p>
<p><a href="http://www.flickr.com/photos/jonolumb/3307744875/" class="tt-flickr tt-flickr-Medium"><img class="alignnone" src="http://farm4.static.flickr.com/3399/3307744875_1f46a19e0f.jpg" alt="Screenshot-Editing Sprayfly-sandbox- - WL-HDD Wiki - Mozilla Firefox" width="500" height="185" /></a></p>
<p>I currently have the plugin setup so that it is activated on:</p>
<ul>
<li>New user registration</li>
<li>Creation of new pages</li>
<li>Anonymous edits that contain new external links</li>
<li>Brute-force password cracking</li>
</ul>
<p>If you are interested in implementing the plugin on your own blog, there is more information available <a href="http://recaptcha.net/plugins/mediawiki/">here</a>. It is a very straightforward and simple procedure.</p>
<div id="mainphotoarea"></div>]]></content:encoded>
			<wfw:commentRss>http://sprayfly.com/2009/02/25/mediawiki-recaptcha-plugin-prevents-wiki-spam-and-vandalism/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tidy Sidebar</title>
		<link>http://sprayfly.com/2008/04/10/tidy-sidebar/</link>
		<comments>http://sprayfly.com/2008/04/10/tidy-sidebar/#comments</comments>
		<pubDate>Thu, 10 Apr 2008 00:54:39 +0000</pubDate>
		<dc:creator>Jono</dc:creator>
				<category><![CDATA[Site News]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[de]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[scriptaculous]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.sprayfly.com/?p=175</guid>
		<description><![CDATA[I had a quick go at tidying up my sidebar today &#8211; as part of an ongoing effort to keep my site clear, clean and succinct. Basically, the &#8216;categories&#8217;, &#8216;feeds&#8217;, and &#8216;links&#8217; sections are now all hidden initially when you load a page &#8211; to save some sidebar space. However, if you wish to view [...]]]></description>
			<content:encoded><![CDATA[<p>I had a quick go at tidying up my sidebar today &#8211; as part of an ongoing effort to keep my site clear, clean and succinct. Basically, the &#8216;categories&#8217;, &#8216;feeds&#8217;, and &#8216;links&#8217; sections are now all hidden initially when you load a page &#8211; to save some sidebar space. However, if you wish to view any of them you simply need to click on the &#8216;Show&#8217; link beneath the header and the content will magically appear on your screen. </p>
<p>For any interested parties, the hide/show function works using the &#8220;<a href="http://script.aculo.us/">Scriptaculous</a>&#8221; javascript library. I have to admit that I got this idea from <a href="http://duanestorey.com/">Duane Storey&#8217;s</a> personal blog &#8211; so I&#8217;m sending him some link love <img src='http://sprayfly.com/tech/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>If you would like the code, just look at the source code for this page. If you still don&#8217;t understand then just leave a comment.</p>
<div id="mainphotoarea"></div>]]></content:encoded>
			<wfw:commentRss>http://sprayfly.com/2008/04/10/tidy-sidebar/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>New Host &#8211; Media Temple</title>
		<link>http://sprayfly.com/2008/04/06/new-host-media-temple/</link>
		<comments>http://sprayfly.com/2008/04/06/new-host-media-temple/#comments</comments>
		<pubDate>Sun, 06 Apr 2008 07:38:26 +0000</pubDate>
		<dc:creator>Jono</dc:creator>
				<category><![CDATA[Site News]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[dns]]></category>
		<category><![CDATA[domain]]></category>
		<category><![CDATA[hear]]></category>
		<category><![CDATA[hosts]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[rsync]]></category>
		<category><![CDATA[ssh]]></category>
		<category><![CDATA[temple]]></category>

		<guid isPermaLink="false">http://www.sprayfly.com/?p=173</guid>
		<description><![CDATA[Recently, I decided I was paying far too much for my web hosting package with Heart Internet UK, especially considering that they lacked support for some really important features such as Trackbacks and Pingbacks in WordPress and did not support Subversion (useful for testing the latest development version of WordPress). Despite having excellent customer support, [...]]]></description>
			<content:encoded><![CDATA[<p>Recently, I decided I was paying far too much for my web hosting package with Heart Internet UK, especially considering that they <a href="http://www.sprayfly.com/2008/02/21/heart-internet-web-hosting-wordpress-trackbacks-and-pingbacks-not-supported/">lacked support for some really important features</a> such as Trackbacks and Pingbacks in WordPress and did not support Subversion (useful for testing the latest development version of WordPress). Despite having excellent customer support, the servers were often slow and the setup was a bit clunky &#8211; it was time to make a move!</p>
<p>Luckily, my friend Jacob over at <a href="http://www.jdpictures.co.uk/">jdpictures.co.uk</a> was also a former Heart Internet customer itching to move to a better host. He had done some research and recommended <a href="http://www.mediatemple.net/webhosting/gs/">Media Temple&#8217;s Grid Service</a> hosting to me. Whilst I&#8217;m not going to go deep into the details of this new state of the art hosting technology, basically it means that if your site gets a spike in traffic, the server setup will immediately adapt to deal with it &#8211; meaning that your site should never slow down or be suspended. Media Temple also allows you to map multiple domain names to one hosting account for free (so sprayfly.com, inchina.co.uk, jdpictures.co.uk etc. can all be hosted on one server). This basically means that me and Jacob are able to share a hosting package with Media Temple (and share the costs) without having to make any compromises whatsoever.</p>
<p>Jacob decided to sign up for the service and give it a test &#8211; since then we have both been progressively migrating our files and databases over to the new server and making changes to the DNS records. Finally sprayfly.com, inchina.co.uk and radotages.co.uk (i.e. all my sites) are now hosted on Media Temple and I will shortly be cancelling my Heart Internet account for good. </p>
<p>So far, I have encountered very few problems during the migration and am impressed with the speed of the new servers. The Media Temple control panel is very smooth and easy to use and some of the new features that weren&#8217;t provided by Heart Internet have already come in handy. I have been using an SSH shell to transfer my files between servers (using rsync) and also used the shell for database dumps and imports which has made the transfer a breeze. It is of course possible that there are a few hiccups that I&#8217;ve not spotted &#8211; so if you notice anything unusual then please let me know (leave a comment).</p>
<p>To think that I have been forking out so much cash to Heart Internet each month when all along I could have got more for less is quite frustrating &#8211; but at least I&#8217;ve made the move now&#8230; </p>
<div id="mainphotoarea"></div>]]></content:encoded>
			<wfw:commentRss>http://sprayfly.com/2008/04/06/new-host-media-temple/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>WordPress 2.5 and a Blog Redesign</title>
		<link>http://sprayfly.com/2008/03/30/wordpress-25-and-a-blog-redesign/</link>
		<comments>http://sprayfly.com/2008/03/30/wordpress-25-and-a-blog-redesign/#comments</comments>
		<pubDate>Sun, 30 Mar 2008 08:52:39 +0000</pubDate>
		<dc:creator>Jono</dc:creator>
				<category><![CDATA[Site News]]></category>
		<category><![CDATA[The Web]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.sprayfly.com/?p=169</guid>
		<description><![CDATA[Today I did a major upgrade on my blogs, not only upgrading all my WordPress installations to the newly released WordPress 2.5 but also rolling out a completely new site design. The WordPress upgrade went smoother than expected. After backing everything up, I used &#8216;rsync&#8217; to update all copies of WordPress on the server and [...]]]></description>
			<content:encoded><![CDATA[<p>Today I did a major upgrade on my blogs, not only upgrading all my WordPress installations to the newly released <a href="http://wordpress.org/development/2008/03/wordpress-25-brecker/">WordPress 2.5</a> but also rolling out a completely new site design.</p>
<p>The WordPress upgrade went smoother than expected. After backing everything up, I used &#8216;rsync&#8217; to update all copies of WordPress on the server and then followed the upgrade instructions for each site one by one. To my surprise, all the plugins worked fine and some even updated themselves automatically. Much smoother than I had expected!</p>
<p>Regarding the new design &#8211; I was fed up with the old one which was ugly, cluttered and difficult to navigate. I therefore downloaded a very mimimalistic WordPress theme called &#8216;Simpla&#8217; which i then modified to add a few new features (Flickr badge, Search Box, Twitter Feed, Site Links, RSS Feeds) and its all up and running now.</p>
<p>As usual, please let me know if you encounter any bugs. I&#8217;d also love to hear anybody&#8217;s opinions on the new design.</p>
<p>Thanks</p>
<div id="mainphotoarea"></div>]]></content:encoded>
			<wfw:commentRss>http://sprayfly.com/2008/03/30/wordpress-25-and-a-blog-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
