<?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>Tetrahedra &#187; Web development</title>
	<atom:link href="http://tetrahedra.co.uk/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://tetrahedra.co.uk</link>
	<description>Digital design and development</description>
	<lastBuildDate>Sun, 05 Feb 2012 19:47:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>APBC redesign</title>
		<link>http://tetrahedra.co.uk/apbc-redesign/</link>
		<comments>http://tetrahedra.co.uk/apbc-redesign/#comments</comments>
		<pubDate>Sun, 06 Mar 2011 17:14:47 +0000</pubDate>
		<dc:creator>John</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web development]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[apbc]]></category>
		<category><![CDATA[church]]></category>
		<category><![CDATA[WordPress 3.0]]></category>

		<guid isPermaLink="false">http://tetrahedra.co.uk/?p=217</guid>
		<description><![CDATA[Redesign of the site for Adelaide Place Baptist Church in Glasgow]]></description>
			<content:encoded><![CDATA[<p>Following quickly on from the <a href="http://tetrahedra.co.uk/adelaides-redesign/">Adelaides redesign</a>, I&#8217;ve was able to update the <a href="http://www.apbc.net">Adelaide Place Baptist Church</a> site yesterday. Like <a href="http://www.adelaides.co.uk">Adelaides</a>, this was a long-running design and it took a few iterations to get to a design I was content with. </p>
<p><a href="http://tetrahedra.co.uk/wp-content/uploads/apbc2.png"><img src="http://tetrahedra.co.uk/wp-content/uploads/apbc2.png" alt="" title="apbc2" width="550" height="516" class="aligncenter size-full wp-image-219" /></a></p>
<p>Key features of this design, learning some lessons from the Adelaides work:</p>
<ul>
<li>Again, the design is a child theme of <a href="http://wordpress.org/extend/themes/twentyten">Twenty Ten</a>. In fact there are only four files in the child theme: <code>header.php</code>, <code>homepage.php</code> (home page template), <code>functions.php</code> and <code>style.css</code>.</li>
<li>The slider on the front page is <a href="http://wordpress.org/extend/plugins/dynamic-content-gallery-plugin/">Dynamic Content Gallery</a>. I&#8217;ve used this in a few sites before and it works well for me. I did have a look at a couple of other sliders (and may update this one) but it is functional and easy to configure through the admin screen. I&#8217;m displaying a single Category (unsurprisingly called &#8220;Featured&#8221;).</li>
<li>I used <a href="http://www.gravityforms.com/">Gravity Forms</a> for the contact form again. Liking it a lot.</li>
<li>And this time I got to use <a href="http://www.google.com/webfonts">Google Fonts</a>. Very straightforward to incorporate in the site. </li>
</ul>
<p>And I found out that it is possible to turn on page excerpts in WordPress 3.x by putting the following line in <code>functions.php</code></p>
<p><code>add_post_type_support('page', 'excerpt');</code></p>
<p>The next stage in the evolution of this site is to concentrate on the content and refresh that to say something more about the personality and activities of the church. Now that more members of the church can &#8220;see&#8221; the design, they are better able to suggest improvements. We&#8217;re also hoping to keep the information dynamic by including a &#8220;grid&#8221; (sorry, some ideas are just too good to leave to gov) to be reviewed by the leadership monthly so that we can prepare material in advance.</p>
<p>Most of the photos on the site are by <a href="http://www.flickr.com/photos/jonnystuff">Jonny Ferry</a>, who has a real eye for detail. </p>
]]></content:encoded>
			<wfw:commentRss>http://tetrahedra.co.uk/apbc-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adelaides redesign</title>
		<link>http://tetrahedra.co.uk/adelaides-redesign/</link>
		<comments>http://tetrahedra.co.uk/adelaides-redesign/#comments</comments>
		<pubDate>Thu, 27 Jan 2011 20:56:19 +0000</pubDate>
		<dc:creator>John</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web development]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[adelaides]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://tetrahedra.co.uk/?p=199</guid>
		<description><![CDATA[I've just updated the theme for Adelaides to give it a more contemporary feel and use WP3.0 features.]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve just updated the theme for the <a href="http://www.adelaides.co.uk">Adelaides</a> website, to bring it up to date and give it a more contemporary feel. </p>
<p><a href="http://tetrahedra.co.uk/wp-content/uploads/AdelaidesFrontPageJan232.png"><img src="http://tetrahedra.co.uk/wp-content/uploads/AdelaidesFrontPageJan232.png" alt="" title="AdelaidesFrontPageJan23" width="550" height="547" class="aligncenter size-full wp-image-209" /></a></p>
<p>The new home page layout directs visitors to the area of the business they are most interested in, and each area of the business has a slightly separate visual identity (different colours, logos and headers). We&#8217;re also working on improving the content and making the site more useful to guests, nursery parents and events co-ordinators.</p>
<p>The key design and technical features of the redesigned site are</p>
<ul>
<li>Child theme of <a href="http://wordpress.org/extend/themes/twentyten">Twenty Ten</a>. The theme folder only contains five files plus two CSS files, and uses a lot of the features of TwentyTen including header images and menus.</li>
<li>Featured images are used to drive the different header images for the different business areas.</li>
<li>All menus (including those in the sidebar for the different business areas) are controlled by the WordPress 3.0 menu system</li>
<li>Gravity Forms has proved invaluable to develop simple, usable contact forms for the different business areas</li>
<li>Introduced some more interesting fonts using font-face declarations (I will one day update to use Google Fonts but I couldn&#8217;t find the font I was looking for in their limited list).</li>
</ul>
<p>I&#8217;d be interested in your comments on the design. Fire away!</p>
]]></content:encoded>
			<wfw:commentRss>http://tetrahedra.co.uk/adelaides-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A few of the tools I use</title>
		<link>http://tetrahedra.co.uk/a-few-of-the-tools-i-use/</link>
		<comments>http://tetrahedra.co.uk/a-few-of-the-tools-i-use/#comments</comments>
		<pubDate>Sun, 18 Oct 2009 15:54:05 +0000</pubDate>
		<dc:creator>John</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web development]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[development]]></category>

		<guid isPermaLink="false">http://tetrahedra.co.uk/?p=63</guid>
		<description><![CDATA[I have had a MacBook Pro for a few months now, and I&#8217;ve found a few favourite tools for WordPress development. I&#8217;m open to other recommendations, if there&#8217;s anything you&#8217;ve found particularly useful. Development Environment XAMPP provides me with the right Apache and MySQL environment for my test sites. It makes it easy to use [...]]]></description>
			<content:encoded><![CDATA[<p>I have had a MacBook Pro for a few months now, and I&#8217;ve found a few favourite tools for WordPress development. I&#8217;m open to other recommendations, if there&#8217;s anything you&#8217;ve found particularly useful.</p>
<h4>Development Environment</h4>
<ul>
<li><a href="http://www.apachefriends.org/en/xampp.html">XAMPP</a> provides me with the right Apache and MySQL environment for my test sites. It makes it easy to use the WordPress one-click install into this environment.</li>
</ul>
<h4>Coding</h4>
<ul>
<li><a href="http://www.netbeans.org/">NetBeans</a> is a useful IDE for manual coding of WP themes, CSS and plugins. No Intellisense or anything terribly clever (idea: wouldn&#8217;t it be good to have a sort of Intellisense for WP template tags built into an IDE?).</li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug</a> is an excellent utility for debugging CSS and markup issues in Firefox.</li>
</ul>
<h4>Image and photo editing</h4>
<ul>
<li><a href="http://www.gimp.org/macintosh/">Gimp for Mac</a> is good for image editing. It appears to be a clone of Photoshop and it takes a while to get used to the way it works &#8211; I&#8217;m still at the early stages of learning how to use it.</li>
<li><a href="http://www.apple.com/ilife/iphoto/">iPhoto</a> comes with the Mac and is  good for quickly editing and cropping photos&#8230;</li>
<li>&#8230;but I think I prefer <a href="http://www.picnik.com/">Picnik</a>.</li>
</ul>
<h4>Copying to Live</h4>
<ul>
<li><a href="http://cyberduck.ch/">Cyberduck</a> is a good FTP tool specifically written for the Mac.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://tetrahedra.co.uk/a-few-of-the-tools-i-use/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Be careful what you name your images</title>
		<link>http://tetrahedra.co.uk/be-careful-what-you-name-your-images/</link>
		<comments>http://tetrahedra.co.uk/be-careful-what-you-name-your-images/#comments</comments>
		<pubDate>Mon, 28 May 2007 20:40:24 +0000</pubDate>
		<dc:creator>John</dc:creator>
				<category><![CDATA[Quick Tips]]></category>
		<category><![CDATA[Security]]></category>
		<category><![CDATA[Web development]]></category>

		<guid isPermaLink="false">http://tetrahedra.johnadams.org.uk/be-careful-what-you-name-your-images/</guid>
		<description><![CDATA[I uploaded an image called &#8220;PastorAdvert.jpg&#8221; to the church website, but every time I tried to view it using FF or IE I got redirected to this url: http://127.0.0.1:1040/clear.cgi? which downloaded a 10&#215;10 px clear image. It appears that ZoneAlarm was tagging the image as adware, simply because the image was named &#8220;&#8230;Advert.jpg&#8221;. I renamed [...]]]></description>
			<content:encoded><![CDATA[<p>I uploaded an image called &#8220;PastorAdvert.jpg&#8221; to the <a href="http://www.apbc.net">church website</a>, but every time I tried to view it using FF or IE I got redirected to this url:</p>
<p><strong>http://127.0.0.1:1040/clear.cgi?</strong></p>
<p>which downloaded a 10&#215;10 px clear image.</p>
<p>It appears that ZoneAlarm was tagging the image as adware, simply because the image was named &#8220;&#8230;Advert.jpg&#8221;. I renamed the file to &#8220;Pastor.jpg&#8221; and it worked perfectly!</p>
<p>Oh well, another good use of 20 mins of my time!</p>
]]></content:encoded>
			<wfw:commentRss>http://tetrahedra.co.uk/be-careful-what-you-name-your-images/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Building the Sandcastle</title>
		<link>http://tetrahedra.co.uk/sandcastle/</link>
		<comments>http://tetrahedra.co.uk/sandcastle/#comments</comments>
		<pubDate>Wed, 10 Jan 2007 21:31:21 +0000</pubDate>
		<dc:creator>John</dc:creator>
				<category><![CDATA[.NET]]></category>
		<category><![CDATA[Web development]]></category>

		<guid isPermaLink="false">http://tetrahedra.johnadams.org.uk/sandcastle/</guid>
		<description><![CDATA[Sandcastle is a documentation tool for .NET code, that takes the class structure and the inline XML comments and builds either HTML or CHM files. It saves a considerable amount of time in documenting code by hand, although the documentation is only ever as good as the inline comments! Sandcastle is a Microsoft version of [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://images.google.co.uk/images?q=tbn:4YZ_sRzjmxIaxM:http://www.phys.psu.edu/~schiffer/Images/sandcastle.jpg" alt="sandcastle" class="right" /><br />
<a href="http://blogs.msdn.com/sandcastle/">Sandcastle</a> is a documentation tool for .NET code, that takes the class structure and the inline XML comments and builds either HTML or CHM files. It saves a considerable amount of time in documenting code by hand, although the documentation is only ever as good as the inline comments!</p>
<p>Sandcastle is a Microsoft version of <a href="http://ndoc.sourceforge.net/">nDoc</a>, although nDoc has not been updated for almost 2 years now. Sandcastle is used to build internal .NET Framework documentation within Microsoft.</p>
<p>Sandcastle is a command-line only program, so if you don&#8217;t want to run 14 commands in the correct sequence, then you need a GUI. A <a href="http://www.sandcastledocs.com/Wiki%20Pages/Sandcastle%20GUIs%20from%20Community.aspx">few are available</a> from the community, the one I like is from <a href="http://www.codeplex.com/Wiki/View.aspx?ProjectName=SHFB">Eric Woodruff</a>. </p>
<p>More info at the <a href="http://www.sandcastledocs.com/Wiki%20Pages/Home.aspx">Sandcastle Wiki</a>.</p>
<p>Of course, what we really need is a tool that creates full architectural diagrams from code, but <a href="http://en.wikipedia.org/wiki/Model-driven_architecture">more of that</a> another day.</p>
]]></content:encoded>
			<wfw:commentRss>http://tetrahedra.co.uk/sandcastle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

