<?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>Zible &#187; Web Design</title>
	<atom:link href="http://www.zible.com/category/post-name/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.zible.com</link>
	<description>Travel, web development and miscellany.</description>
	<lastBuildDate>Thu, 17 Jun 2010 01:30:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Zoooooom</title>
		<link>http://www.zible.com/web-design/zoooooom/230/</link>
		<comments>http://www.zible.com/web-design/zoooooom/230/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 14:33:31 +0000</pubDate>
		<dc:creator>Jake</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.zible.com/?p=230</guid>
		<description><![CDATA[<br />
<b>Warning</b>:  getimagesize(/images/spoon1.jpg) [<a href='function.getimagesize'>function.getimagesize</a>]: failed to open stream: No such file or directory in <b>/home3/ziblecom/public_html/wordpress/wp-content/plugins/magictouch/core/plugin.php</b> on line <b>856</b><br />
Extreme close-ups are a piece of cake with Magic Touch. In 3 minutes, I knocked together this impressive zoom: Click to zoom in.Please enter your unique code for JS file! Very handy for showing huge photos without taking up much screen space.]]></description>
			<content:encoded><![CDATA[<br />
<b>Warning</b>:  getimagesize(/images/spoon1.jpg) [<a href='function.getimagesize'>function.getimagesize</a>]: failed to open stream: No such file or directory in <b>/home3/ziblecom/public_html/wordpress/wp-content/plugins/magictouch/core/plugin.php</b> on line <b>856</b><br />
<p>Extreme close-ups are a piece of cake with <a href="http://www.magictoolbox.com/magictouch/">Magic Touch</a>. In 3 minutes, I knocked together this impressive zoom:</p>
<p><script src="http://www.magictoolbox.com/mt/1PPGD87/magictouch.js" type="text/javascript"></script><div style="width:px;" class="MagicToolboxContainer"><a    class="MagicTouch" id="MagicTouchImageb9ae778c00175fc619d5211ddc97bfb9" onclick="return false;" href="/images/spoon2.jpg"><img    src="/images/spoon1.jpg" alt="" /></a><div style="text-align:center;">Click to zoom in.<br /><b style="color:red">Please enter your unique code for JS file!</b></div></div></p>
<p>Very handy for showing huge photos without taking up much screen space.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zible.com/web-design/zoooooom/230/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cool JavaScript turned off warning</title>
		<link>http://www.zible.com/web-design/cool-javascript-turned-off-warning/177/</link>
		<comments>http://www.zible.com/web-design/cool-javascript-turned-off-warning/177/#comments</comments>
		<pubDate>Thu, 25 Sep 2008 09:59:14 +0000</pubDate>
		<dc:creator>Jake</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.zible.com/?p=177</guid>
		<description><![CDATA[I just spotted this thoughtfully crafted "JavaScript turned off" warning message on Get Satisfaction: Not only is it a good looking message that you can't miss at the top of the page, but it's also a play on the legendary TPS report scene from Office Space. Nice touch. When a site relies heavily on JavaScript, [...]]]></description>
			<content:encoded><![CDATA[<p>I just spotted this thoughtfully crafted "JavaScript turned off" warning message on <a href="http://getsatisfaction.com/">Get Satisfaction</a>:</p>
<div id="attachment_178" class="wp-caption alignnone" style="width: 510px"><a href="http://getsatisfaction.com/"><img class="size-full wp-image-178" title="javascript-turned-off" src="http://www.zible.com/wordpress/wp-content/uploads/2008/09/javascript-turned-off.png" alt="JavaScript turned off warning" width="500" height="105" /></a><p class="wp-caption-text">JavaScript turned off warning</p></div>
<p>Not only is it a good looking message that you can't miss at the top of the page, but it's also a play on the legendary TPS report scene from <a href="http://en.wikipedia.org/wiki/Office_Space">Office Space</a>. Nice touch.</p>
<p>When a site relies heavily on JavaScript, <em>JavaScript turned off</em> messages are important notices to the user. Without it, they may think the site is broken.</p>
<p>This requirement will be included in the next release of our book, <a href="http://www.tickmyboxes.com/">Tick My Boxes</a> &#8211; the checklist for building successful websites</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zible.com/web-design/cool-javascript-turned-off-warning/177/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web developers&#8217; checklist &#8211; book</title>
		<link>http://www.zible.com/web-design/web-developers-checklist-book/157/</link>
		<comments>http://www.zible.com/web-design/web-developers-checklist-book/157/#comments</comments>
		<pubDate>Wed, 06 Aug 2008 11:42:48 +0000</pubDate>
		<dc:creator>Jake</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.zible.com/?p=157</guid>
		<description><![CDATA[Leon and I have just launched our book (in beta), Tick My Boxes. It's a checklist for web developers, with 80 checkpoints of the key things to do when building a website. If you build websites, you will know many of these things already. Having them in a checklist format, together with an explanation, helps [...]]]></description>
			<content:encoded><![CDATA[<p>Leon and I have just launched our book (in beta), <a href="http://www.tickmyboxes.com/">Tick My Boxes</a>.</p>
<div id="attachment_158" class="wp-caption alignright" style="width: 210px"><a href="http://www.tickmyboxes.com"><img class="size-full wp-image-158" title="Tick My Boxes cover" src="http://www.zible.com/wordpress/wp-content/uploads/2008/08/book-cover.png" alt="The web developers' checklist" width="200" height="278" /></a><p class="wp-caption-text">The web developers&#39; checklist</p></div>
<p>It's a <strong>checklist for web developers</strong>, with 80 checkpoints of the key things to do when building a website.</p>
<p>If you build websites, you will know many of these things already. Having them in a checklist format, together with an explanation, helps you quickly tick off the things you should be doing. If you are new to building websites, the book will help you learn lots of the best practice techniques.</p>
<p>We released the book in beta so that we get feedback from developers which we will incorporate in the final version, to be released later in 2008.</p>
<p>The book is <a href="http://www.lulu.com/content/3317384">available for £9 from Lulu</a>.</p>
<p>Visit the official website: <a href="http://www.tickmyboxes.com/">www.tickmyboxes.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.zible.com/web-design/web-developers-checklist-book/157/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>An effective AJAX alert box</title>
		<link>http://www.zible.com/web-design/an-effective-ajax-alert-box/127/</link>
		<comments>http://www.zible.com/web-design/an-effective-ajax-alert-box/127/#comments</comments>
		<pubDate>Sat, 31 May 2008 09:11:51 +0000</pubDate>
		<dc:creator>jakebrumby</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.zible.com/web-design/an-effective-ajax-alert-box/151/</guid>
		<description><![CDATA[This is one of the best AJAX alert boxes I have seen. The latest changes on Ebay's feedback system are important enough to warrant a deliberate notice to all users entering the feedback system. What I like about this alert box: Grey background. Just the right opacity &#8211; not too dark or light. Close button [...]]]></description>
			<content:encoded><![CDATA[<p>This is one of the best AJAX alert boxes I have seen. The latest changes on Ebay's feedback system are important enough to warrant a deliberate notice to all users entering the feedback system.</p>
<p>What I like about this alert box:</p>
<ul>
<li>Grey background. Just the right opacity &#8211; not too dark or light.</li>
<li>Close button and X in top right. Both common standards, so user knows exactly what to do.</li>
<li>"Don't show me this again" checkbox to put the user in control.</li>
<li>Yellow heading with gradient, consistent with operating system messages.</li>
<li>Shadow around the alert box to make it stand off the page.</li>
<li>Centred both horizontally and vertically.</li>
</ul>
<p><a rel="lightbox" href="/wordpress/wp-content/uploads/2008/ebay_ajax.png"><img title="Ebay alert box" src="/wordpress/wp-content/uploads/2008/ebay_ajax.png" border="0" alt="Ebay alert box" width="200" height="112" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.zible.com/web-design/an-effective-ajax-alert-box/127/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Outstanding new TV advert</title>
		<link>http://www.zible.com/miscellany/outstanding-new-tv-advert/108/</link>
		<comments>http://www.zible.com/miscellany/outstanding-new-tv-advert/108/#comments</comments>
		<pubDate>Wed, 05 Sep 2007 07:54:19 +0000</pubDate>
		<dc:creator>jakebrumby</dc:creator>
				<category><![CDATA[Fun / Jokes]]></category>
		<category><![CDATA[Miscellany]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.zible.com/miscellany/outstanding-new-tv-advert/127/</guid>
		<description><![CDATA[Have you watched the latest Dairy Milk advert? It has absolutely nothing to do with Dairy Milk chocolate, but it is an outstanding production. Why did they do it? In the producers words&#8230; Well it just seemed like the right thing to do. I saw the advert on TV over the weekend and mentioned it [...]]]></description>
			<content:encoded><![CDATA[<p>Have you watched the latest <a href="http://www.aglassandahalffullproductions.com">Dairy Milk advert</a>? It has absolutely nothing to do with Dairy Milk chocolate, but it is an outstanding production.</p>
<p>Why did they do it? In the producers words&#8230;</p>
<blockquote><p>Well it just seemed like the right thing to do.</p></blockquote>
<p><a href="http://www.aglassandahalffullproductions.com"><img src="/wordpress/wp-content/uploads/gorilla.jpg" alt="gorilla.jpg" title="gorilla.jpg" align="middle" width="400" height="155" /></a><br />
I saw the advert on TV over the weekend and mentioned it to Neil "The Sport" Monnery yesterday who was also raving about it. Everything makes this advert outstanding &#8211; the choice of music (<em>In the Air Tonight</em> &#8211; Phil Collins), the special effects, the mimicking oh human behaviour, the filming, the timing, the irrelevance.</p>
<p>Web marketers will also nod in approval that the advert (deservedly) has it's own website www.aglassandahalffullproductions.com and is supported by an Adwords campaign. <a href="http://www.google.com/search?q=dairy+milk+advert&#038;ie=utf-8&#038;oe=utf-8&#038;aq=t&#038;rls=org.mozilla:en-GB:official&#038;client=firefox-a">Search on Google for Dairy Milk Advert</a> and it ranks as the first sponsored result. Good attention to detail.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zible.com/miscellany/outstanding-new-tv-advert/108/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Fresca wins top e-commerce award</title>
		<link>http://www.zible.com/web-design/fresca-wins-top-e-commerce-award/104/</link>
		<comments>http://www.zible.com/web-design/fresca-wins-top-e-commerce-award/104/#comments</comments>
		<pubDate>Wed, 13 Jun 2007 21:53:49 +0000</pubDate>
		<dc:creator>jakebrumby</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.zible.com/web-design/fresca-wins-top-e-commerce-award/121/</guid>
		<description><![CDATA[Congratulations to Rubicon Retail and Fresca for winning the Best use of e-commerce in a retail environment in the European Retail Solutions awards. I know how committed Fresca is to building it's e-commerce platform so I'm chuffed to see the team recognised in the industry awards. It's one thing for a web development team to [...]]]></description>
			<content:encoded><![CDATA[<p>Congratulations to <a href="http://www.warehouse.co.uk">Rubicon</a> <a href="http://www.principles.co.uk">Retail</a> and <a href="http://www.fresca.co.uk">Fresca</a> for winning the Best use of e-commerce in a retail environment in the <a href="http://www.europeanretailsolutionsawards.com/2007Welcome.asp">European Retail Solutions awards</a>. I know how committed Fresca is to building it's <a href="http://www.fresca.co.uk/ecommerce.htm">e-commerce platform</a> so I'm chuffed to see the team recognised in the industry awards.</p>
<p>It's one thing for a web development team to build a one-off store but it's another to build a customisable e-commerce platform that can unleash a brand new store within 3 months. E-commerce providers have lots of clients, all asking for different features and in pressing timescales &#8211; it's a demanding, high pressure task.</p>
<p>It's worth pausing and looking at how far things have come from those crazy dotcom days. Back then, a world class e-commerce site would have cost you a few £million (and <a href="http://technology.guardian.co.uk/online/news/0,12597,1484770,00.html">it was destined for failure</a>). Nowadays, it'll only cost about <a href="http://www.fresca.co.uk/ecommerce.htm">£8,000 a month</a>, and it'll generate £millions.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zible.com/web-design/fresca-wins-top-e-commerce-award/104/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sign-up forms and activation email</title>
		<link>http://www.zible.com/web-design/sign-up-forms-and-activation-email/87/</link>
		<comments>http://www.zible.com/web-design/sign-up-forms-and-activation-email/87/#comments</comments>
		<pubDate>Tue, 30 Jan 2007 09:31:20 +0000</pubDate>
		<dc:creator>jakebrumby</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.zible.com/web-design/sign-up-forms-and-activation-email/102/</guid>
		<description><![CDATA[The WordPress sign-up process has some excellent features that are worth noting and incorporating into your own forms. 1. It highlights the email address to which the email activation code has been sent with a bright yellow background. This is a great way to draw people to the email address as the person may have [...]]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://wordpress.com/api-keys/">WordPress sign-up process</a> has some excellent features that are worth noting and incorporating into your own forms.</p>
<p>1. It highlights the email address to which the email activation code has been sent with a bright yellow background. This is a great way to draw people to the email address as the person may have input a mis-spelt email address. They can check it and correct it if it is wrong.</p>
<p><img src="/wordpress/wp-content/uploads/wp_email_1.gif" alt="WordPress - highlight the email address" title="WordPress - highlight the email address" width="368" height="103" /><br />
2. It lets you update your personal profile while you are waiting for the activation code. There are numerous benefits here:</p>
<ul>
<li>The user is kept occupied so does not waste time.</li>
<li>The user is less likely to forget and go and do something else.</li>
<li>WordPress gets more information on the user which gives them more data to work with (e.g. personalise any emails they send you with your first name).</li>
<li>It helps keep the signup form (on the previous page) really short and then gets the extra data they want (e.g. first name) afterwards. This will lead in a higher conversion rate for the previous form.</li>
</ul>
<p><img src="/wordpress/wp-content/uploads/wp_email_2.gif" alt="WordPress - update your profile while you wait" title="WordPress - update your profile while you wait" width="454" height="73" /><br />
3. The page uses very large form fields. They look a bit ugly but they it is very obvious what to do as a user. This is more likely to get people to fill in the form than having standard small fields.</p>
<p><img src="/wordpress/wp-content/uploads/wp_email_3.gif" alt="WordPress - large form fields" title="WordPress - large form fields" width="355" height="319" /><br />
4. If the user has still not received the activation email, they are given instructions on what to do. By now, the user should have been kept busy for about 1 minute so this has given the email more time to arrive in their inbox. This should reduce the number of support questions sent to WordPress saying "I havn't received my activation email yet". It also helps people proactivley find out likely reasons for not having received the email.</p>
<p><img src="/wordpress/wp-content/uploads/wp_email_4.gif" alt="WordPress - instructions if still waiting" title="WordPress - instructions if still waiting" width="374" height="37" /><br />
More examples of fantastic usability from the masters at WordPress!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zible.com/web-design/sign-up-forms-and-activation-email/87/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Embedding Flash &#8211; the ultimate way</title>
		<link>http://www.zible.com/web-design/embedding-flash-the-ultimate-way/66/</link>
		<comments>http://www.zible.com/web-design/embedding-flash-the-ultimate-way/66/#comments</comments>
		<pubDate>Fri, 15 Sep 2006 08:06:10 +0000</pubDate>
		<dc:creator>jakebrumby</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.zible.com/web-design/embedding-flash-the-ultimate-way/76/</guid>
		<description><![CDATA[For 2 years now, SWFObject has been the ultimate way to embed Flash movies into a website. If you are a web developer and want to embed Flash, this free tool is a must. HTML and XHTML compliant Flash plug-in detection Accessible (so you can meet the WCAG) Works on all major web browsers on [...]]]></description>
			<content:encoded><![CDATA[<p>For 2 years now, SWFObject has been the ultimate way to <a href="http://blog.deconcept.com/swfobject/">embed Flash movies</a> into a website. If you are a web developer and want to embed Flash, this free tool is a must.</p>
<ul>
<li>HTML and XHTML compliant</li>
<li>Flash plug-in detection</li>
<li>Accessible (so you can meet the <a href="http://www.w3.org/TR/WAI-WEBCONTENT/">WCAG</a>)</li>
<li>Works on all major web browsers on Mac and PC</li>
<li>Search engine friendly</li>
<li>Easy to use</li>
<li>Free</li>
</ul>
<p>Go and download <a href="http://blog.deconcept.com/swfobject/">SWFObject</a> now.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zible.com/web-design/embedding-flash-the-ultimate-way/66/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sell your photographs!</title>
		<link>http://www.zible.com/miscellany/sell-your-photographs/65/</link>
		<comments>http://www.zible.com/miscellany/sell-your-photographs/65/#comments</comments>
		<pubDate>Wed, 13 Sep 2006 20:51:22 +0000</pubDate>
		<dc:creator>jakebrumby</dc:creator>
				<category><![CDATA[Miscellany]]></category>
		<category><![CDATA[Travel]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.zible.com/miscellany/sell-your-photographs/83/</guid>
		<description><![CDATA[I've been working on a website &#8211; Zengle &#8211; that enables anybody to sell their photos online. I had the idea with Paul when we were travelling in Australia last year. More and more people own good quality cameras and are taking an interest in photography as a hobby. Some of the photos these people [...]]]></description>
			<content:encoded><![CDATA[<p>I've been working on a website &#8211; <a href="http://www.zengle.com">Zengle</a> &#8211; that enables anybody to sell their photos online. I had the idea with Paul when we were travelling in Australia last year. More and more people own good quality cameras and are taking an interest in photography as a hobby. Some of the photos these people are taking are just as good as some of the images taken by professional photographers.</p>
<p><a href="http://www.zengle.com">Zengle</a> allows anybody to start selling their photos within minutes. You just need to pick out the really good photos from your digital photo collection and upload them to the website. There is more advice on the site as to what you can and cannot sell, but its all pretty straightforward.</p>
<p>For every sale, we split the proceeds 50:50 with the photographer.</p>
<p>There is a huge market for good quality, original photography. Almost every brochure, website, catalogue, magazine or poster needs fresh photographs. There are many other stock photography companies (e.g. Getty or Corbis) but the price of their photos is high and you need to be a professional photographer with a large portfolio in order to sell them. Plus, they don't pay as much commission as Zengle pays.</p>
<p>Start earning extra money from your photos&#8230; <a href="http://www.zengle.com">join Zengle now</a>!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zible.com/miscellany/sell-your-photographs/65/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Microsoft blocking Firefox?</title>
		<link>http://www.zible.com/web-design/microsoft-blocking-firefox/55/</link>
		<comments>http://www.zible.com/web-design/microsoft-blocking-firefox/55/#comments</comments>
		<pubDate>Sun, 28 May 2006 16:08:20 +0000</pubDate>
		<dc:creator>jakebrumby</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.zible.com/web-design/microsoft-blocking-firefox/60/</guid>
		<description><![CDATA[I tried to download Firefox today but there was no download link available. I was using Internet Explorer. To the right is a screenshot of the page. Is Microsoft deliberately obscuring the download link? I can see the link if I visit the page using an alternative browser. Surely Microsoft would not deliberately prevent people [...]]]></description>
			<content:encoded><![CDATA[<p>I tried to <a title="Download Firefox" href="http://www.mozilla.com/firefox/">download Firefox</a> today but there was no download link available. I was using Internet Explorer.</p>
<p>To the right is a screenshot of the page.</p>
<p><a title="Firefox download page" class="imagelink" onclick="doPopup(66);return false;" href="http://www.zible.com/wordpress/wp-content/uploads/2006/05/px_get_firefox_ie2.jpg"><img width="128" height="94" class="goright" alt="Firefox download page" id="image66" src="http://www.zible.com/wordpress/wp-content/uploads/2006/05/px_get_firefox_ie2.thumbnail.jpg" /></a>Is Microsoft deliberately obscuring the download link? I can see the link if I visit the page using an alternative browser. Surely Microsoft would not deliberately prevent people from downloading a competing web browser?</p>
<p>See if you can <a title="Download Firefox" href="http://www.mozilla.com/firefox/">download Firefox</a> from this page using Internet Explorer.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zible.com/web-design/microsoft-blocking-firefox/55/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
