<?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>LordElph's Ramblings &#187; Web Design</title>
	<atom:link href="http://blog.dixo.net/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.dixo.net</link>
	<description>Stuff and nonsense about software development and whatever else I find fun...</description>
	<lastBuildDate>Thu, 18 Mar 2010 13:04:53 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Silk icons for web apps</title>
		<link>http://blog.dixo.net/2007/10/10/silk-icons-for-web-apps/</link>
		<comments>http://blog.dixo.net/2007/10/10/silk-icons-for-web-apps/#comments</comments>
		<pubDate>Wed, 10 Oct 2007 17:18:43 +0000</pubDate>
		<dc:creator>lordelph</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://blog.dixo.net/2007/10/10/silk-icons-for-web-apps/</guid>
		<description><![CDATA[The free Silk icon set from famfamfam.com is very useful for giving even the most mundane of web pages a little polish. With over 700 icons you&#8217;d think you&#8217;d have one for every occasion, right? Wrong! Or so says Damien Guard, who is releasing a companion set of  400+ icons in the same style [...]]]></description>
			<content:encoded><![CDATA[<p><a title="A preview of all Silk icons in one image" href="http://www.famfamfam.com/lab/icons/silk/previews/index_abc.png"><img align="right" src='http://blog.dixo.net/wp-content/uploads/2007/10/famfam1.gif' alt='Icons' /></a>The <a href="http://www.famfamfam.com/lab/icons/silk/">free Silk icon set from famfamfam.com</a> is very useful for giving even the most mundane of web pages a little polish. With over <a href="http://www.famfamfam.com/lab/icons/silk/previews/index_abc.png" title="A preview of all Silk icons in one image">700 icons</a> you&#8217;d think you&#8217;d have one for every occasion, right? Wrong! Or so says Damien Guard, who is releasing <a href="http://damieng.com/blog/2007/09/29/silk-icon-companion-1-preview">a companion set of  400+ icons</a> in the same style as the original.</p>
<p>Nice work, will look forward to seeing them!</p>
<p>(20th Nov 2007: <a href="http://damieng.com/creative/icons/silk-companion-1-icons">the new icon set is now available</a>!)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dixo.net/2007/10/10/silk-icons-for-web-apps/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Safari on Windows</title>
		<link>http://blog.dixo.net/2007/06/11/safari-on-windows/</link>
		<comments>http://blog.dixo.net/2007/06/11/safari-on-windows/#comments</comments>
		<pubDate>Mon, 11 Jun 2007 20:37:01 +0000</pubDate>
		<dc:creator>lordelph</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://blog.dixo.net/2007/06/11/safari-on-windows/</guid>
		<description><![CDATA[Well how about that?
The browser wars are back. But this time round, everybody wins!
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.apple.com/safari/download/">Well how about that?</a></p>
<p>The browser wars are back. But this time round, everybody wins!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dixo.net/2007/06/11/safari-on-windows/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Notes on Geograph&#8217;s Redesign, Part 1</title>
		<link>http://blog.dixo.net/2007/04/02/notes-on-geographs-redesign-part-1/</link>
		<comments>http://blog.dixo.net/2007/04/02/notes-on-geographs-redesign-part-1/#comments</comments>
		<pubDate>Mon, 02 Apr 2007 20:38:53 +0000</pubDate>
		<dc:creator>lordelph</dc:creator>
				<category><![CDATA[Geograph]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://blog.dixo.net/2007/04/02/notes-on-geographs-redesign-part-1/</guid>
		<description><![CDATA[As the OS liked the design draft I posted here a few days ago, I&#8217;m refining it further as a complete freshen up of the design. First up, here&#8217;s a slight refinement of the front page. Tried a little colour in the headings and made an attempt to make the lower half of the page [...]]]></description>
			<content:encoded><![CDATA[<p><a href='http://blog.dixo.net/wp-content/uploads/2007/04/front2.jpg' title='Front page'><img src='http://blog.dixo.net/wp-content/uploads/2007/04/front2.thumbnail.jpg' align="right" alt='Front page' /></a>As the OS liked the design draft I posted here a few days ago, I&#8217;m refining it further as a complete freshen up of the design. First up, here&#8217;s a slight refinement of the front page. Tried a little colour in the headings and made an attempt to make the lower half of the page look more organised. Not sure if those green headings work though&#8230;</p>
<p><a href='http://blog.dixo.net/wp-content/uploads/2007/04/photoblack.jpg' title='Photo viewer, black'><img align="left" src='http://blog.dixo.net/wp-content/uploads/2007/04/photoblack.thumbnail.jpg' alt='Photo viewer, black' /></a>Next up, here&#8217;s some treatments for the photo viewing page. This attempts to simplify and organise the links we have on the photo pages, as well as make the black/white/grey backgrounds work a little better into the design. Here&#8217;s a version with a <a href='http://blog.dixo.net/wp-content/uploads/2007/04/photowhite.jpg' title='Photo viewer, white'>white photo background</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dixo.net/2007/04/02/notes-on-geographs-redesign-part-1/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Geograph Redesign, Take Two</title>
		<link>http://blog.dixo.net/2007/03/30/geograph-redesign-take-two/</link>
		<comments>http://blog.dixo.net/2007/03/30/geograph-redesign-take-two/#comments</comments>
		<pubDate>Fri, 30 Mar 2007 21:20:25 +0000</pubDate>
		<dc:creator>lordelph</dc:creator>
				<category><![CDATA[Geograph]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://blog.dixo.net/2007/03/30/geograph-redesign-take-two/</guid>
		<description><![CDATA[I played around with an idea for new geograph design last year, but as the Ordnance Survey would like a revised design for schools use, I&#8217;ve dusted it off and worked on it some more&#8230;(click for bigness)

I wanted to get all the important stuff above the fold, so we have the coverage map / entry [...]]]></description>
			<content:encoded><![CDATA[<p>I played around with an idea for <a href="/2006/04/10/the-zen-of-css-design/">new geograph design</a> last year, but as the Ordnance Survey would like a revised design for schools use, I&#8217;ve dusted it off and worked on it some more&#8230;(click for bigness)</p>
<p><a href='http://blog.dixo.net/wp-content/uploads/2007/03/2007.jpg' title='New design, take two'><img width=400 height=504 src='http://blog.dixo.net/wp-content/uploads/2007/03/2007thumb.jpg' alt='New design' /></a></p>
<p>I wanted to get all the important stuff above the fold, so we have the coverage map / entry point, a featured image, and the one-liner mission statement with an image count and call-to-action.</p>
<p>I&#8217;ve also dropped the use of Georgia as a body text font &#8211; while I think it gives the site a distinctive look, it does look poor at smaller point sizes, and it has caused the odd complaint.</p>
<p>Once that lot has tempted you to explore, the site guide gives you all the main entry points to get you started. As before, we feature recent news but give it a little more prominence centre stage.  Finally, it&#8217;s time we highlighted the vibrance of the forums by linking to popular threads from the front page (at the same time we&#8217;ll most likely drop the need to register to view them &#8211; only to post).</p>
<p>Comments are more than welcome&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dixo.net/2007/03/30/geograph-redesign-take-two/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Stop Hacking CSS</title>
		<link>http://blog.dixo.net/2006/04/25/stop-hacking-css/</link>
		<comments>http://blog.dixo.net/2006/04/25/stop-hacking-css/#comments</comments>
		<pubDate>Tue, 25 Apr 2006 08:00:09 +0000</pubDate>
		<dc:creator>lordelph</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://blog.dixo.net/2006/04/25/stop-hacking-css/</guid>
		<description><![CDATA[David Shea (the CSS Zen Gardener) urges web designers to stop CSS hacking or be stopped. Nice article from the fledgling Vitamin website.
CSS Zen Garden inspired me to try and do a better job of CSS and semantic markup, I&#8217;m hoping to find enough time to make Geograph a whole lot better in that area [...]]]></description>
			<content:encoded><![CDATA[<p>David Shea (the <a title="CSS Zen Garden" href="http://www.csszengarden.com/">CSS Zen Gardener</a>) urges web designers to <a title="Stop Hacking, or be Stopped, by David Shea" href="http://www.thinkvitamin.com/features/css/stop-css-hacking">stop CSS hacking or be stopped</a>. Nice article from the fledgling <a title="Nourishment to help the web grow" href="http://www.thinkvitamin.com/">Vitamin</a> website.</p>
<p>CSS Zen Garden inspired me to try and do a better job of CSS and semantic markup, I&#8217;m hoping to find enough time to make <a title="Geograph British Isles" href="http://www.geograph.org.uk">Geograph</a> a whole lot better in that area too. One thing David&#8217;s article mentions is the difficulty of testing, but I find the <a title="screen capture and remote access service for browser compatibility" href="http://www.browsercam.com/">BrowserCam</a> service invaluable. Not only can it take screen captures of a page on many different OS/browser combinations, you can also remotely access some systems via <a href="http://www.browsercam.com/download.aspx" title="list of VNC clients">VNC</a> to play with your site for real. Easier than maintaining your own virtual machines or real test kit!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dixo.net/2006/04/25/stop-hacking-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web designer position in Huddersfield anyone?</title>
		<link>http://blog.dixo.net/2006/04/12/web-designer-position-in-huddersfield-anyone/</link>
		<comments>http://blog.dixo.net/2006/04/12/web-designer-position-in-huddersfield-anyone/#comments</comments>
		<pubDate>Wed, 12 Apr 2006 20:12:24 +0000</pubDate>
		<dc:creator>lordelph</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://blog.dixo.net/2006/04/12/web-designer-position-in-huddersfield-anyone/</guid>
		<description><![CDATA[A long shot, but my 8-month-pregnant friend Clare Quartermaine runs QT Creative, web design and marketing company in Huddersfield, and one of her HTML/Flash designers is leaving in 4 weeks.
If you read this, and know someone in the Huddersfield area with HTML, CSS, Flash skills, and maybe a smattering of basic PHP and Javascript, starting [...]]]></description>
			<content:encoded><![CDATA[<p>A long shot, but my 8-month-pregnant friend Clare Quartermaine runs <a href="http://www.qtdm.co.uk">QT Creative</a>, web design and marketing company in Huddersfield, and one of her HTML/Flash designers is leaving in 4 weeks.</p>
<p>If you read this, and know someone in the Huddersfield area with HTML, CSS, Flash skills, and maybe a smattering of basic PHP and Javascript, starting salary around the £18K+ mark depending on experience, then do get in touch (info at qtdm.co.uk)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dixo.net/2006/04/12/web-designer-position-in-huddersfield-anyone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Zen of CSS Design</title>
		<link>http://blog.dixo.net/2006/04/10/the-zen-of-css-design/</link>
		<comments>http://blog.dixo.net/2006/04/10/the-zen-of-css-design/#comments</comments>
		<pubDate>Mon, 10 Apr 2006 16:05:08 +0000</pubDate>
		<dc:creator>lordelph</dc:creator>
				<category><![CDATA[Geograph]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://blog.dixo.net/2006/04/10/the-zen-of-css-design/</guid>
		<description><![CDATA[The CSS Zen Garden site is a fantastic demonstration of what CSS can do. A few days ago I found myself with a few hours to kill while waiting for my car to be repaired, and while browsing a bookshop came across a book about the site &#8211; The Zen of CSS Design
The book takes [...]]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://www.csszengarden.com/">CSS Zen Garden</a> site is a fantastic demonstration of what CSS can do. A few days ago I found myself with a few hours to kill while waiting for my car to be repaired, and while browsing a bookshop came across a book about the site &#8211; <a title="Link to book on Amazon.co.uk" href="http://www.amazon.co.uk/exec/obidos/redirect?link_code=ur2&#038;tag=lordelphsramb-21&#038;camp=1634&#038;creative=6738&#038;path=ASIN%2F0321303474%2Fqid%3D1144683636%2Fsr%3D8-1%2Fref%3Dsr_8_xs_ap_i1_xgl">The Zen of CSS Design</a><img src="http://www.assoc-amazon.co.uk/e/ir?t=lordelphsramb-21&amp;l=ur2&amp;o=2" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></p>
<p>The book takes a selection of Zen Garden designs from a variety of designers, and walks through the process they took while covering any neat CSS tricks that were pulled off to achieve the end result. </p>
<p>It&#8217;s a pleasure to read, with a nice layout and feel to it, and chock full of useful followup links on the techniques demonstrated. Highly recommended!</p>
<p>Yet another of my never-ending side projects for <a title="Geograph British Isles" href="http://www.geograph.org.uk">Geograph</a> has been reworking the UI, and I&#8217;m hoping to ensure the XHTML has enough &#8220;hooks&#8221; to enable other designer to easily come up with alternative stylesheets. </p>
<p>Anyway, here&#8217;s my current effort so far. </p>
<p><a class="imagelink" href="http://blog.dixo.net/wp-content/uploads/2006/04/design1.jpg" title="Geograph Design "><img id="image25" width="400" height="400" src="http://blog.dixo.net/wp-content/uploads/2006/04/design1thumb.jpg" alt="Geograph Design" /></a></p>
<p>Web-2.0-a-licious, no? </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dixo.net/2006/04/10/the-zen-of-css-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
