<?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>Graeme Pirie &#187; Web Development</title>
	<atom:link href="http://graemepirie.com/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://graemepirie.com</link>
	<description>Web Designer</description>
	<lastBuildDate>Fri, 23 Jul 2010 11:00:55 +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>eCSStender</title>
		<link>http://graemepirie.com/ecsstender/</link>
		<comments>http://graemepirie.com/ecsstender/#comments</comments>
		<pubDate>Wed, 14 Jul 2010 11:00:47 +0000</pubDate>
		<dc:creator>Graeme</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://graemepirie.com/?p=533</guid>
		<description><![CDATA[HTML5 and CSS 3 have been around for a good while now, and more and more of it can be...]]></description>
			<content:encoded><![CDATA[<p><img class="post-image" title="eCSStender" src="http://graemepirie.com/wp-content/uploads/2010/07/ecsstender2.jpg" alt="eCSStender" /><br />
HTML5 and CSS 3 have been around for a good while now, and more and more of it can be used on client work, although we&#8217;re not yet at the stage where we can throw off the strict doctype completely and create extravagant sites using canvas and SVG and all the other css goodness around such as animations and transforms. We can use smatterings of this stuff, border-radius, box-shadow can easily be used now, although in general they&#8217;re used for the extra touches on websites and elements that won&#8217;t affect the main design or critical elements of the page.</p>
<p>There are a few ways to add in CSS support for unsupported browsers using JavaScript but nothing that really offers a one stop simple solution for achieving decent CSS 3 support cross browser, and one service which was recently announced was <a href="http://www.ecsstender.org">eCSStender</a>, which promised that by downloading and including a couple of JavaScript files that a wide range of CSS 3 techniques could be implemented cross-browser, crucially without any vendor prefixes required.</p>
<p>Recently, I was working on a project which would have benefited from this library as development time would have been drastically reduced with the benefit of cross browser compatibility for techniques such as border-radius, box-shadow etc and I began coding with this in mind.</p>
<p>There was initial success with Firefox recognising the standard border-radius without the need for the -moz- prefix, and this appeared to work cross-browser. Except for Internet Explorer, any version. After many attempts at trying to get this to work, I gave up.I recently heard that border-radius was not supported in IE with eCSStender, and I&#8217;m wondering what all the hype was in the <a href="http://www.alistapart.com/articles/stop-forking-with-css3/">A List Apart article</a>. It was billed as a simple solution to easily achieve CSS 3 compatibility, but if something as simple as border-radius doesn&#8217;t work in IE then what&#8217;s the point? There are other ways of achieving compatibility and eCSStender was not all it was made out to be in the article.</p>
<p>It was billed as the saviour to vendor prefixes and greater flexibility, whereas in reality it is none of these.</p>
]]></content:encoded>
			<wfw:commentRss>http://graemepirie.com/ecsstender/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>University</title>
		<link>http://graemepirie.com/university/</link>
		<comments>http://graemepirie.com/university/#comments</comments>
		<pubDate>Fri, 01 May 2009 13:48:10 +0000</pubDate>
		<dc:creator>Graeme</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[University]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Workload]]></category>
		<category><![CDATA[employment]]></category>
		<category><![CDATA[graduation]]></category>
		<category><![CDATA[job]]></category>
		<category><![CDATA[Social Networks]]></category>
		<category><![CDATA[students]]></category>

		<guid isPermaLink="false">http://graemepirie.com/?p=173</guid>
		<description><![CDATA[As my first year of university comes to an end, I was reading the latest issue of .net magazine and...]]></description>
			<content:encoded><![CDATA[<p><img class="post-image" title="Abertay University" src="http://graemepirie.com/wp-content/uploads/2009/05/abertay.jpg" alt="Abertay University" width="500" height="100" /></p>
<p>As my first year of university comes to an end, I was reading the latest issue of <a title=".Net Magazine" href="http://www.netmag.co.uk/">.net magazine</a> and came across the article written by <a title="Jack Osborne" href="http://www.jackosborne.co.uk">Jack Osborne</a> about what to do after leaving university in order to gain employment within the industry. Although I&#8217;ve not yet reached that stage yet, there is a few tips that anyone at any stage of education can implement now in order to increase chances.</p>
<p><span style="text-decoration: underline;"><strong>Portfolio:</strong></span></p>
<p>Jack states that the portfolio of any work should be in the right order and as good as it can be as that is where potential employers will look first. Students are often encouraged to leave out university work from their portfolio but often that is all students have, and goes back to the old adage that they can&#8217;t get a job due to lack of experience but no-one&#8217;s willing to offer that experience. In my portfolio, two thirds of it is university based as that is all I have at the moment but another useful tip which I will implement over the summer is to &#8220;fake it&#8221;. By creating websites for imaginary clients it will give me a chance to improve both my design and coding skills as well as boosting my portfolio.</p>
<p><span id="more-173"></span></p>
<p><span style="text-decoration: underline;"><strong>About:</strong></span></p>
<p>The About Me section of any website is important as it is the individual&#8217;s chance to sell themselves to potential clients and employers. It is important to talk yourself up and is the perfect opportunity to highlight any achievements and explain your strengths. The <a title="About Me" href="http://graemepirie.com/about/">About</a> section of this site isn&#8217;t great and I will take some of Jack&#8217;s advice on board and re-write that section over the next few weeks. I&#8217;ve never been comfortable talking about myself but is something I will have to improve on and re-write that section completely.</p>
<p><span style="text-decoration: underline;"><strong>Social Networks:</strong></span></p>
<p>The use of social networks can also boost a designer&#8217;s profile by becoming known by others within the industry and increase interest in their work. The latest trend appears to be <a title="Twitter" href="http://twitter.com">Twitter</a>, with a high number of designers being active on the site. Follow famous faces within the industry in order to gauge what they&#8217;re working on as well as people within your local area in order to connect with like-minded people within your industry who may be interested in collaboration or referring work. Sites should link to these profiles from order to highlight to visitors that you are on these sites and networks and this is something I have not done yet apart from the twitter widget on the homepage of this site, but will be incorporated into a new about page.</p>
<p><span style="text-decoration: underline;"><strong>Conclusion:</strong></span></p>
<p>Although the article was aimed at university graduates I think it contains a lot of tips that could be implemented by anybody currently in education, as a way of increasing their chances of gaining employment. Personally, I&#8217;ll be taking on board some of these tips such as re-writing my about page and providing links to my social network profiles to build up connections from those as well as increasing my portfolio through real-world examples as well as &#8220;faking it&#8221; to practice as well as experimenting with some new techniques.</p>
<p>I&#8217;m also quite lucky in that I have employment during my holidays from University which give me some experience of working in the real world as well as my univeresity education which should stand me in good stead.</p>
<p>Are there any other ideas I should be working on to increase employment chances, what did you do to gain your first job within the industry?</p>
<p>Photo: <a title="Yersinia" href="http://www.flickr.com/photos/yersinia/">Yersinia</a> from Flickr, used under Creative Commons</p>
]]></content:encoded>
			<wfw:commentRss>http://graemepirie.com/university/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Design</title>
		<link>http://graemepirie.com/new-design-2/</link>
		<comments>http://graemepirie.com/new-design-2/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 15:26:54 +0000</pubDate>
		<dc:creator>Graeme</dc:creator>
				<category><![CDATA[University]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[new design]]></category>

		<guid isPermaLink="false">http://graemepirie.com/?p=63</guid>
		<description><![CDATA[Welcome to the newly re-designed site (or version 3.0 if you prefer!) The reason for changing the design was that...]]></description>
			<content:encoded><![CDATA[<p><img class="post-image" title="New Design" src="http://graemepirie.com/wp-content/uploads/2009/02/newdesign.png" alt="New Design" width="500" height="100" /></p>
<p>Welcome to the newly re-designed site (or version 3.0 if you prefer!)</p>
<p>The reason for changing the design was that I didn&#8217;t like the look of it after a while and also the code was riddled with errors which I was not happy with. This was mainly due to site being built in Summer 2008 when I had a lot less knowledge and skills in comparison to what I have now.</p>
<p>Through a combination of learning at University, reading blog posts and listening to podcasts I feel that my skills have improved considerably over the past few months and that a re-design was a natural progression of these new found skills. The aim of the blog was always to be a kind of personal playground if you like where I could put into practice skills and techniques that I pick up as my learning continues.</p>
<p>As with any new launch, the likelihood is that there will be a few bugs somewhere along the line so if you find any please either leave a comment here or <a href="mailto:graeme@graemepirie.com?subject=&quot;Your site is broken!&quot;">drop me an email</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://graemepirie.com/new-design-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>University life so far</title>
		<link>http://graemepirie.com/university-life-so-far/</link>
		<comments>http://graemepirie.com/university-life-so-far/#comments</comments>
		<pubDate>Thu, 09 Oct 2008 13:57:13 +0000</pubDate>
		<dc:creator>Graeme</dc:creator>
				<category><![CDATA[University]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Abertay]]></category>
		<category><![CDATA[C#]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[mobile broadband]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[web pages]]></category>

		<guid isPermaLink="false">http://graemepirie.com/?p=32</guid>
		<description><![CDATA[Well I&#8217;m now into my fourth week here in Dundee, and I suppose now would be a good time to...]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" src="http://graemepirie.com/wp-content/themes/naked/images/unilife.jpg" alt="" /></p>
<p>Well I&#8217;m now into my fourth week here in Dundee, and I suppose now would be a good time to document the experience and my thoughts so far on <a title="University of Abertay" href="http://www.abertay.ac.uk">University</a> life.</p>
<p>I&#8217;ve now almost had three weeks of teaching and overall things are going well so far I think with all four of my modules this term. The four modules are:</p>
<p>Programming<br />
Personal Web Pages<br />
Web Fundamentals<br />
Personal Study Skills</p>
<p><span id="more-32"></span></p>
<p>The programming module uses <a title="C#" href="http://msdn.microsoft.com/en-us/vcsharp/aa336809.aspx">C#</a> which is a language I&#8217;ve had no previous experience with so far and as such is taking a bit of getting used to. It takes me a bit of time and effort in order to get my head round the concepts and syntax of the language, but I&#8217;m getting there with almost all the assessed exercises completed so far.</p>
<p>Personal Web Pages is the module that I&#8217;m enjoying the most, where we have to create a seven page website based around the topic of &#8220;My Top 5&#8230;..&#8221;, where I have the chosen the topic of my Top 5 Football grounds. My site is almost complete, and so far complies with the current XHTML and CSS standards which is good. I&#8217;ll post a link to the site when it is completed.</p>
<p>Web Fundamentals is a &#8220;funny&#8221; subject at the moment, with the tutor having been off ill for every class so far which has resulted in an awkward situation so far. The first lecture we had to go and find a tutor to fill in, and then for the first lab session no tutor turned up at all!</p>
<p>So far we&#8217;ve had two lectures and one lab session for this module, with the lectures being a mixture of vague points read from the module descriptor combined with anecdotal evidence and the one lecture we&#8217;ve had so far involved following through a booklet which taught us how to use <a title="Adobe Dreamweaver" href="http://www.adobe.com/products/dreamweaver/">Dreamweaver</a> to insert tables and images etc into a webpage. Now even I can manage that without Dreamweaver! Hopefully it will improve before too long.</p>
<p>The Personal Study Skills module is a combination of students from the Computing school and the Health school and involves group work on a hybrid topic between the two subject areas. So far it is going well and it will be interesting to see how it develops.</p>
<p>Well that&#8217;s it so far here in <a title="Dundee" href="http://en.wikipedia.org/wiki/Dundee">Dundee</a> and overall things are going well I feel, although I do need to install some decent broadband in the flat because this mobile broadband malarkey is far too temperamental for my liking. I think <a title="Virgin Media" href="http://allyours.virginmedia.com/websales/product.do?id=227">Virgin Media</a> will be getting a phone call shortly to bail me out, although I am open to recommendations!</p>
<p>Oh, and any C# tips and advice is gratefully received!</p>
]]></content:encoded>
			<wfw:commentRss>http://graemepirie.com/university-life-so-far/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Internet Explorer 6</title>
		<link>http://graemepirie.com/internet-explorer-6/</link>
		<comments>http://graemepirie.com/internet-explorer-6/#comments</comments>
		<pubDate>Mon, 15 Sep 2008 14:20:24 +0000</pubDate>
		<dc:creator>Graeme</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[browser support]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Microsoft]]></category>

		<guid isPermaLink="false">http://graemepirie.com/?p=28</guid>
		<description><![CDATA[It is now over seven years since the 6th version of Microsoft&#8217;s Web Browser was launched, and it is still...]]></description>
			<content:encoded><![CDATA[<p><img class="post-image" title="Web Browsers" src="http://graemepirie.com/wp-content/uploads/2008/09/noie6.gif" alt="Internet Browsers" width="500" height="100" /><br />
It is now over seven years since the 6th version of <a title="Internet Explorer 6" href="http://www.google.co.uk/url?sa=t&amp;source=web&amp;ct=res&amp;cd=1&amp;url=http%3A%2F%2Fwww.microsoft.com%2Fwindows%2Fproducts%2Fwinfamily%2Fie%2Fdefault.mspx&amp;ei=sGzOSMzQDp6MwQH7pMUl&amp;usg=AFQjCNGWsOjoUgvhEjwaxRL6QpjzrHzyqA&amp;sig2=bC-ep2L-8gSdeovgtlA_ig">Microsoft&#8217;s Web Browser</a> was launched, and it is still popular today for some reason, although this is mainly with large organisations and some education centres. With the recent release of <a title="Firefox 3" href="http://www.google.co.uk/url?sa=t&amp;source=web&amp;ct=res&amp;cd=1&amp;url=http%3A%2F%2Fwww.mozilla.com%2Fen-US%2Ffirefox%2Fall.html&amp;ei=am3OSLKGOoHk1ga20-WXDQ&amp;usg=AFQjCNEOTD-yokVpuvWoOQ3htZ8h6x241Q&amp;sig2=ZhU0Z_V50QZo_Y3dCcAvRg">Firefox 3</a> it is plain to see how far browsers have progressed in the past seven years, and with Google now joining the party with their <a title="Google Chrome" href="http://www.google.com/chrome">Chrome</a> release there is much to be said for the browser business today.</p>
<p>As any web developer will know, trying to create aesthetically pleasing sites which fit into all these browsers is a challenge, with Internet Explorer 6 being the worst of the lot due to the way that it handles code and styles. As a beginner, I&#8217;ve had little experience of altering a site specifically in order to suit Internet Explorer 6 (lucky me!). Large organisations are often the last to change software due to perceived security issues but I feel that the time has come for us to help them along by refusing to cater for IE 6 users anymore, and if the majority of developers do likewise then slowly but surely Internet Explorer 6&#8242;s market share will begin to drop completely.</p>
<p>Do you support Internet Explorer 6?</p>
]]></content:encoded>
			<wfw:commentRss>http://graemepirie.com/internet-explorer-6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Site Re-Design</title>
		<link>http://graemepirie.com/site-re-design/</link>
		<comments>http://graemepirie.com/site-re-design/#comments</comments>
		<pubDate>Mon, 04 Aug 2008 20:34:25 +0000</pubDate>
		<dc:creator>Graeme</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Abertay]]></category>
		<category><![CDATA[blog design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[new design]]></category>
		<category><![CDATA[University]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://graemepirie.com/?p=18</guid>
		<description><![CDATA[Well the time has come for a site re-design I feel. Although the site was only launced in May, I...]]></description>
			<content:encoded><![CDATA[<p>Well the time has come for a site re-design I feel. Although the site was only launced in May, I feel that with my impending return to Scotland to start my degree at <a title="Abertay University" href="http://www.abertay.ac.uk/courses/CDetails.cfm?CID=247&amp;Key=002" target="_blank">Abertay University</a> that it is time to re-design the site before I start my course.</p>
<p>I still like the concept of this current design as being a &#8220;working desk&#8221; but I just feel that it&#8217;s not quite working as well as I had hoped and that I just feel that instead of tweaking the original concept I will try a change of design. It will take a few weeks in order to complete but should be completed and live by the end of August.</p>
<p>Watch this space!</p>
]]></content:encoded>
			<wfw:commentRss>http://graemepirie.com/site-re-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Learning PHP</title>
		<link>http://graemepirie.com/learning-php/</link>
		<comments>http://graemepirie.com/learning-php/#comments</comments>
		<pubDate>Mon, 28 Jul 2008 19:48:09 +0000</pubDate>
		<dc:creator>Graeme</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[Dundee]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[reference]]></category>
		<category><![CDATA[student]]></category>

		<guid isPermaLink="false">http://graemepirie.com/?p=17</guid>
		<description><![CDATA[In a follow up to my previous post about reference materials, I&#8217;m on the lookout for a PHP reference that...]]></description>
			<content:encoded><![CDATA[<p>In a follow up to my previous post about <a title="Reference Materials" href="http://graemepirie.com/2008/07/22/reference-materials/">reference materials</a>, I&#8217;m on the lookout for a PHP reference that will teach me the basics of this server side language. It is undoubtedly one of the most popular languages today and as such I feel it is important to swot up a bit this summer.</p>
<p>It will be a topic that is covered when I go to University in <a href="http://www.abertay.ac.uk/courses/CDetails.cfm?CID=247&amp;Key=002">Dundee</a> this summer, but I&#8217;d be interested in using some PHP in a personal project this summer before I go. Nothing fancy, but just so I&#8217;m able to understand the principles. I already have <a href="http://www.amazon.co.uk/Sams-Teach-Yourself-MySQL-Apache/dp/0672328739/ref=sr_1_14?ie=UTF8&amp;s=books&amp;qid=1217274390&amp;sr=8-14">this book</a> which I&#8217;m slowly working through, and I&#8217;ve recently discovered <a href="http://www.webdevlounge.com/articles/tutorials-tips-and-resources-for-php/">this tutorial site</a> which I will take a look at, but wondered if there were any other recommendations that people have?</p>
]]></content:encoded>
			<wfw:commentRss>http://graemepirie.com/learning-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
