<?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>Cyan-Light Industries &#187; web design</title>
	<atom:link href="http://cyan-light.co.uk/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://cyan-light.co.uk</link>
	<description>Clear-cut with a dash of orange. Serve with ice.</description>
	<lastBuildDate>Fri, 26 Mar 2010 23:30:59 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Theme Release: First Wave for Firefox</title>
		<link>http://cyan-light.co.uk/2009/07/first-wave-for-firefox/</link>
		<comments>http://cyan-light.co.uk/2009/07/first-wave-for-firefox/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 22:39:19 +0000</pubDate>
		<dc:creator>Cyan-Light</dc:creator>
				<category><![CDATA[add a little style]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://cyan-light.co.uk/?p=97</guid>
		<description><![CDATA[Strata, the default theme for Firefox, kind of&#8230;sucks.
I&#8217;m not just being mean, either. They admit it themselves. Firefox has gone far too long without an update to integrate itself into Windows in the same way that it&#8217;s integrated itself into our hearts. In fact, Windows 7 has just gone to RTM—equipment manufacturers are now able [...]]]></description>
			<content:encoded><![CDATA[<p>Strata, the default theme for Firefox, kind of&#8230;sucks.</p>
<p>I&#8217;m not just being mean, either. <a href="https://wiki.mozilla.org/Firefox/3.0_Windows_Default_Theme_Issues">They admit it themselves</a>. Firefox has gone far too long without an update to integrate itself into Windows in the same way that it&#8217;s integrated itself into our hearts. In fact, Windows 7 has just gone to <abbr title="Release To Manufacturing">RTM</abbr>—equipment manufacturers are now able to get their hands on it—meaning that Mozilla has bypass an <em>entire operating system</em>.</p>
<p>What&#8217;s worse is that Firefox totally lacks any theming documentation. In all seriousness, it&#8217;s totally barren. And the type of person who can figure it out themselves is typically not the sort of person who can produce a tasteful theme (I do, though, realize there are a few <a href="https://addons.mozilla.org/en-US/firefox/addon/10288">notable</a> <a href="https://wiki.ubuntu.com/Artwork/Incoming/DustTheme">exceptions</a>.) So, I took the challenge.</p>
<p>With a proud heart and a wary mind, I can give you <a href="http://userstyles.org/styles/19659">First Wave</a>.</p>
<h3>Screenshots</h3>
<div id="attachment_98" class="wp-caption alignnone" style="width: 460px"><a href="http://cyan-light.co.uk/wp-content/uploads/2009/07/first-wave-1.png" rel="lightbox[97]"><img class="size-medium wp-image-98 " title="First Wave 1" src="http://cyan-light.co.uk/wp-content/uploads/2009/07/first-wave-1-450x281.png" alt="First Wave under Windows 7" width="450" height="281" /></a><p class="wp-caption-text">First Wave under Windows 7 open to a verified domain.</p></div>
<div id="attachment_99" class="wp-caption alignnone" style="width: 460px"><a href="http://cyan-light.co.uk/wp-content/uploads/2009/07/first-wave-2.png" rel="lightbox[97]"><img class="size-medium wp-image-99" title="First Wave 2" src="http://cyan-light.co.uk/wp-content/uploads/2009/07/first-wave-2-450x337.png" alt="First Wave with 3 tabs open on a 4:3 monitor." width="450" height="337" /></a><p class="wp-caption-text">First Wave with 3 tabs open on a 4:3 monitor.</p></div>
<h3>Installation Instructions &amp; Requirements</h3>
<ol>
<li>You should be on a Windows <span class="caps">PC</span>, preferably running 7, Vista or <span class="caps">XP</span>. The theme will install itself under other OSes, but support isn&#8217;t provided and it&#8217;s likely to look quite odd.</li>
<li>You must have the <a title="Styish @ Add-ons for Firefox" href="https://addons.mozilla.org/en-US/firefox/addon/2108">Stylish</a> extension installed.</li>
<li>Go to the <a title="First Wave @ userstyles" href="http://userstyles.org/styles/19659">theme page</a> and hit &#8220;Install into Stylish&#8221;. Simple!</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://cyan-light.co.uk/2009/07/first-wave-for-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reactionary Ragdoll</title>
		<link>http://cyan-light.co.uk/2009/03/reactionary-ragdoll/</link>
		<comments>http://cyan-light.co.uk/2009/03/reactionary-ragdoll/#comments</comments>
		<pubDate>Tue, 31 Mar 2009 20:47:12 +0000</pubDate>
		<dc:creator>Cyan-Light</dc:creator>
				<category><![CDATA[music]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://cyan-light.co.uk/2009/03/reactionary-ragdoll</guid>
		<description><![CDATA[I wish I had a form of dramatic or musical ability. It&#8217;s such a pity; although musicals are not my favourite form of &#8220;art&#8221;, there&#8217;s something about them&#8211;the more cheerful ones, that is&#8211;that appeals to me. Anyway, most of my friends are doing an enaction of Guys and Dolls (or have been roped into doing [...]]]></description>
			<content:encoded><![CDATA[<p>I wish I had a form of dramatic or musical ability. It&#8217;s such a pity; although musicals are not my favourite form of &#8220;art&#8221;, there&#8217;s something about them&#8211;the more cheerful ones, that is&#8211;that appeals to me. Anyway, most of my friends are doing an enaction of <em>Guys and Dolls</em> (or have been roped into doing it with unnecessary force.) Of course, it&#8217;s going to be <em>awful</em>: amateur dramatists, musicians caught halfway between a musical and exams and a pregnant woman and a old lady as stage managers&#8211;what could possibly go wrong?</p>
<p>Oh well, at least I&#8217;ve come across a musician who can a) actually play and b) is quite nice to listen to as she does it, too. I used to post music up, but apparently I&#8217;m not allowed to do that anymore. YouTube to the rescue! It&#8217;s such a pity they removed music videos in the UK, though. What a way to lose market share. Bastards. Anyway, the lovely Lisa Mitchell is the one whom I speak about, and here is she with Neopolitan Dreams.</p>
<p><object width="460" height="370" data="http://www.youtube.com/v/nAsIMSp6YKw&amp;hl=en&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash"><param name="src" value="http://www.youtube.com/v/nAsIMSp6YKw&amp;hl=en&amp;fs=1&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /></object></p>
<p>It&#8217;s still stuck in my head.</p>
<p>I have discovered <a href="http://rentacoder.com/">RentACoder</a>. I can well and truly say that I hate it. How could anyone undervalue their profession like that? $5 for a piece of coding? Come on, that&#8217;s awful! After their extortionate fee, that&#8217;s £3. THREE POUNDS. I could find that much money on the street! It makes you think, doesn&#8217;t it, about what the point is to learning this type of skill to a professional level if it&#8217;s going to be undervalued by a cheap, foreign &#8220;programmer&#8221; who outputs more invalid code than a monkey who&#8217;s handed a copy of Microsoft Word and a keyboard. Eugh. No wonder we&#8217;re in a crisis.</p>
]]></content:encoded>
			<wfw:commentRss>http://cyan-light.co.uk/2009/03/reactionary-ragdoll/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Favicons: You&#8217;re Doing Them Wrong</title>
		<link>http://cyan-light.co.uk/2009/01/favicons-youre-doing-them-wrong/</link>
		<comments>http://cyan-light.co.uk/2009/01/favicons-youre-doing-them-wrong/#comments</comments>
		<pubDate>Sun, 04 Jan 2009 20:33:00 +0000</pubDate>
		<dc:creator>Cyan-Light</dc:creator>
				<category><![CDATA[common errors]]></category>
		<category><![CDATA[html & css]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://cyan-light.co.uk/2009/01/favicons-youre-doing-them-wrong</guid>
		<description><![CDATA[Favicons have been with us from the start of the Internet as we know it, but the vast majority of web authors are still using them wrong. Why? Our little friend the MIME is here to help.
Mime Types and the Internet
Officially Internet media type nowadays, the Mime type originated as a way of signifying additional [...]]]></description>
			<content:encoded><![CDATA[<p><abbr title="Favourites Icons">Favicons</abbr> have been with us from the start of the Internet as we know it, but the vast majority of web authors are still using them wrong. Why? Our little friend the <abbr title="Multipurpose Internet Mail Extensions">MIME</abbr> is here to help.</p>
<h3>Mime Types and the Internet</h3>
<p>Officially Internet media type nowadays, the Mime type originated as a way of signifying additional files on email served via <abbr title="Simple Mail Transfer Protocol">SMTP</abbr>. Mime types are made up of two pieces of information: a type and then a subtype. Additionally, a <code>charset</code> parameter may inform of the character set of the file. </p>
<p>You will have used these before: when writing a <abbr title="HyperText Transfer Protocol">HTML</abbr> document, you’ve always written something like this:</p>
<pre><code>&lt;meta http-equiv=&quot;Content-Type&quot;
  content=&quot;text/html; charset=utf-8&quot;/&gt;</code></pre>
<p>The Mime type is the text/html bit.</p>
<p>Usually, when a web author links to a favicon on his page, he might define it as <code>image/x-icon</code>.</p>
<pre><code>&lt;link rel=&quot;shortcut icon&quot;
  href=&quot;/favicon.ico&quot; type=&quot;image/x-icon&quot;/&gt;</code></pre>
<p>While this is strictly correct <abbr>HTML</abbr>, it is telling the browser that it is linking to a nonstandard, <span class="caps">ICO</span> image.</p>
<p>The problem is that <span class="caps">ICO</span> images have been standardized and registered with the <abbr title="Internet Assigned Numbers Authority">IANA</abbr> for <em>6 years</em>, and you really have to start paying them their dues. </p>
<p>The correct Mime type for <span class="caps">ICO</span> images is <code>image/vnd.microsoft.icon</code>. Thus, a fully correct rendition of a link to a <abbr>favicon</abbr> would be something like this:</p>
<pre><code>&lt;link rel=&quot;shortcut icon&quot;
  href=&quot;/favicon.ico&quot; type=&quot;image/vnd.microsoft.icon&quot;/&gt;</code></pre>
<p>Respect to the Mimes, people!</p>
]]></content:encoded>
			<wfw:commentRss>http://cyan-light.co.uk/2009/01/favicons-youre-doing-them-wrong/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
