<?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>benmacgowan &#187; Web Design</title>
	<atom:link href="http://benmacgowan.co.uk/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://benmacgowan.co.uk</link>
	<description>Web Developer with an unhealthy love for HTML, CSS &#38; jQuery</description>
	<lastBuildDate>Tue, 27 Apr 2010 18:32:48 +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>Internet Explorer 6 support: is it needed?</title>
		<link>http://benmacgowan.co.uk/2010/04/26/internet-explorer-6-support-is-it-needed/</link>
		<comments>http://benmacgowan.co.uk/2010/04/26/internet-explorer-6-support-is-it-needed/#comments</comments>
		<pubDate>Mon, 26 Apr 2010 19:25:22 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://benmacgowan.co.uk/?p=295</guid>
		<description><![CDATA[As web developers and designers we all know too well of the problems we face when it comes to coding and testing for Internet Explorer 6 (IE6). With the release of Internet Explorer 8 over a year ago, there now seems to be 3 mind-sets when it comes IE6 support: Dropping support altogether, hoping the [...]]]></description>
			<content:encoded><![CDATA[<p>As web developers and designers we all know too well of the problems we face when it comes to coding and testing for Internet Explorer 6 (IE6). With the release of Internet Explorer 8 over a year ago, there now seems to be 3 mind-sets when it comes IE6 support:</p>
<ul>
<li><strong>Dropping support altogether</strong>, hoping the user will be encouraged to upgrade their out of date browser. This movement has only been re-affirmed by the likes of Youtube and Google dropping their support.</li>
<li><strong>R</strong><strong>eligiously supporting and catering for IE6</strong> as there is too much of a market share of users to warrant dropping support.</li>
<li><strong>Looking at your website’s user base</strong> and logically thinking about whether or not (or if you are lucky enough to have tracking analytics to back it up) your website is likely to have users with IE6.</li>
</ul>
<p>Personally the last option is my personal preference, and the perfect middle ground between the other two. Designers and developers are made happier knowing that they only have to support IE6 should the <strong>website’s user base require it</strong>.</p>
<p>If your client’s website is likely to be non-tech savvy parents, the chances of them having IE6 is relatively high. Therefore the requirement for support is there. On the other hand if you are designing a website which is most likely to be viewed by other designers or developers (much like <a href="http://carsonified.com/">Carsonified</a>), the chances of them having a more up to date browser such as IE8 or Firefox is increasingly high, meaning support for IE6 doesn’t really need to be considered at all.</p>
<p><a href="http://www.webdirections.org/sotw10/">The State of Web Development 2010 report</a> shows that 60% of us test for IE6 still, but I wonder how much of that is actually required by the target audience?</p>
]]></content:encoded>
			<wfw:commentRss>http://benmacgowan.co.uk/2010/04/26/internet-explorer-6-support-is-it-needed/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Why CSS Galleries no longer work</title>
		<link>http://benmacgowan.co.uk/2010/04/21/why-css-galleries-no-longer-work/</link>
		<comments>http://benmacgowan.co.uk/2010/04/21/why-css-galleries-no-longer-work/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 20:10:48 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://benmacgowan.co.uk/?p=292</guid>
		<description><![CDATA[I know what you are going to say, and yes. Hypocrisy, thy name is Ben. However this is a topic which I have wanted to blog about for quite some time now. We all have our favourite CSS galleries. Ones which always prove helpful in giving us inspiration for our own designs, or ones which [...]]]></description>
			<content:encoded><![CDATA[<p>I know what you are going to say, and yes. Hypocrisy, thy name is Ben. However this is a topic which I have wanted to blog about for quite some time now.</p>
<p>We all have our favourite CSS galleries. Ones which always prove helpful in giving us inspiration for our own designs, or ones which we just follow to keep up with current web design trends.  <a href="http://www.cssgallerysubmission.com/">CSS Gallery Submission</a> lists 288 active CSS galleries alone. The question is &#8211; do CSS galleries still work for their intended purpose?</p>
<p>No they don’t, and having run <a href="http://www.cssbake.com/">CSSbake</a> for roughly 2 years now I have come to realise why this is true for most.</p>
<h3>The web has evolved</h3>
<p>When galleries were first being developed, the capabilities of CSS were somewhat unknown and held in high-esteem. Nowadays CSS is the norm, but a design is critiqued on the use of new methods and technologies.</p>
<p>Designs must now be usable and accessible to its target audience, JavaScript and Flash is used to create more playful designs and create a richer user experience. CSS is just a small piece of the larger picture. So how do we now decide what gets feature in our CSS galleries if a design is so much more than just the CSS?</p>
<h3>Any design is featured</h3>
<p>Time and time again I have looked through featured designs and been shocked that they have been featured at all. Designs used to be featured because they pushed the boundaries, they didn’t follow the latest trends and because they were highly visually affective. They were examples of what designers should aim to achieve &#8211; to set the standards.</p>
<p>This could be down to the booming popularity in galleries, meaning that rather than serving their purpose of showcasing high quality designs, getting featured is more about the hits that your site could receive.</p>
<p>And to me, that isn’t what its about. Yes, you should strive for your site to be featured by a gallery, but not just because you submitted it and because you want hits. You should want your design to get featured because it is seen to be high quality, setting an example to learning designers.</p>
<h3>Online magazines round-up posts</h3>
<p>Rather than subscribing to a CSS gallery’s RSS feed, web designers and developers are following online magazines such as <a href="http://www.noupe.com/">Noupe</a> or <a href="http://www.smashingmagazine.com/">Smashing Magazine</a> who regularly featured round ups of, what is considered, good designs.</p>
<p>However, this trend of round ups is slowly fading &#8211; or we can hope it is. Users who follow these websites are beginning to ask for more content rich and applicable articles and these website organisers are beginning to listen. This can, with time, see the focus moving back towards galleries.</p>
<p>So what can we do? Speaking to owners of CSS Galleries, I would urge them to start being a lot more selective of the designs they choose to feature. Build up a reputation of featuring higher quality designs which users will keep coming back to.</p>
<p>As web designers and developers I would want you to, and I would hope you would want to yourself, push your designs further and get yourself noticed for doing so. I’m sure the likes of <a href="http://squaredeye.com/">Matthew Smith</a>, and <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> did not get where they are now by following the trends.</p>
]]></content:encoded>
			<wfw:commentRss>http://benmacgowan.co.uk/2010/04/21/why-css-galleries-no-longer-work/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Back to school</title>
		<link>http://benmacgowan.co.uk/2010/03/18/back-to-school/</link>
		<comments>http://benmacgowan.co.uk/2010/03/18/back-to-school/#comments</comments>
		<pubDate>Thu, 18 Mar 2010 22:07:50 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[.NET]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://benmacgowan.co.uk/?p=290</guid>
		<description><![CDATA[Having been a Front-End Web Developer for the last 2 years, I have come to the decision that I want to go back to education — of sorts. I won’t be leaving my job, or actually going into education, but rather pushing my knowledge to the next level. Being in the web industry, we can [...]]]></description>
			<content:encoded><![CDATA[<p>Having been a Front-End Web Developer for the last 2 years, I have come to the decision that I want to go back to education — of sorts. I won’t be leaving my job, or actually going into education, but rather pushing my knowledge to the next level.</p>
<p>Being in the web industry, we can never really say we know it all. New technologies are developed and released, new design trends are created, followed and therefore requested from clients. That is why it is important for us as developers and designers to constantly look how to improve our knowledge and skill sets.</p>
<p>Moving forward I will be scheduling time every week to each of the following subjects &#8211; much like a revision time table, except there are no exams at the end.</p>
<h3>JavaScript/jQuery</h3>
<p>As my header clearly states, I have a large passion for <a href="http://jquery.com/">jQuery</a> — the effects that can be created and the fact that it is so easy to pick up and use. However, my knowledge doesn’t go much further than the simple to implement effects. I need to do more reading up and applying more complex jQuery functions to my websites.</p>
<p>On top of this, I want to get a step further and learn more core JavaScript. As <a href="http://www.kryogenix.org/">Stuart Langridge</a> rightly stated at a <a title="Future of Web Design" href="http://futureofwebdesign.com/">FOWD</a> workshop I attended, “If you are serious about  car racing, you need to know what is under the hood of the car to gain a full understanding of driving the car” (or something along those lines). So even though you might know the in’s and out’s of jQuery, extending your knowledge into core JavaScript can really benefit the effects you want to create with jQuery.</p>
<h3>Usability/User Experience</h3>
<p>Since starting my job, I have been conscious on how to progress my coding skills in order to give users a more user friendly experience, and also increase the accessibility of the websites. Having recently written an article for Smashing Magazine, ‘<a href="http://www.smashingmagazine.com/2010/02/26/usability-review-of-charity-websites-taking-the-lead/">Usability Review of Charity Websites Taking the Lead</a>’, has sparked a further interest in this subject.</p>
<p>There is talk within my work that I will be doing more Information Architecture work and helping make the websites we build more usable. I will also have the chance to over look some user testing soon, which as odd as it sounds, I am <strong>really</strong> looking forward to.</p>
<h3>.NET</h3>
<p>Working for a company which uses .NET technologies for all of their websites means I am surrounded by ASP.NET code day in and day out. Over these 2 years I have become confident in working around this code and manipulating it to render HTML will can easily be styled and suit the designs.</p>
<p>However I have a yearning to take this a step further and be able to create my own web applications. With phrases such as ‘Data Access Layer’ flying around the room, it is hard not to be intrigued and confused at the same time!</p>
<p>Luckily though, having a room full of .NET developers around me, and a tonne of books, I should have the resources available to me to become much more confident with .NET and not have to ask for help every time I hit a brick wall.</p>
<h3>PHP</h3>
<p>PHP was one of the first internet technologies I was exposed to, along with HTML and CSS. This, with my constant use and exposure to WordPress, has made me want to develop my PHP knowledge. Though this is lower down on my priorities, it definitely would benefit me as a developer in the long run &#8211; becoming more well rounded and having more exposure to different technologies cannot be that harmful, can it?</p>
<p>The benefits of having friends such as <a title="Jemjabella" href="http://www.jemjabella.co.uk/">Jem</a> and <a title="Not-Noticeable.net" href="http://not-noticeably.net/">Amelie</a> also means I have 2 very talented PHP developers at hand to rack their brains if needed.</p>
<h3>Design</h3>
<p>When I was first introduced to the web industry, I always had an interest in design, this is still the case and is also why I always put a lot of effort into the presentation of my front end development. Making my templates pixel perfect using semantic and valid code is something I aspire to all the time.</p>
<p>The reason I did not pursue a web design role rather than development was down to, like <a title="Digitalgravy" href="http://www.digitalgravy.co.uk/">Stuart</a>, the ability to churn out new and fresh designs day in and day out.</p>
<p>Even though I am no longer looking for a web design role, my interest in design has continued and thus led me to run a fairly successful CSS gallery, <a title="CSSbake" href="http://www.cssbake.com/">CSSbake</a>. Having recently redesigned CSSbake along with <a href="http://melissabrugh.com/">Melissa</a>, I have found the joy in designing for myself again and blown the dust and cobwebs off Photoshop.</p>
<p>The plan for the near future is to work on designing and developing free <a href="http://wordpress.org/">WordPress</a> templates and <a href="http://haveamint.com/">Mint</a> themes (one of which is nearly finished) to make available for download. So watch this space!﻿</p>
]]></content:encoded>
			<wfw:commentRss>http://benmacgowan.co.uk/2010/03/18/back-to-school/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>A common mistake when browser testing</title>
		<link>http://benmacgowan.co.uk/2010/02/01/a-common-mistake-when-browser-testing/</link>
		<comments>http://benmacgowan.co.uk/2010/02/01/a-common-mistake-when-browser-testing/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 17:31:34 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://benmacgowan.co.uk/?p=285</guid>
		<description><![CDATA[As part of any website build process, the layout design and functionality will require cross browser testing. To what degree of testing is required and which browsers your website needs to support is subjective to the purpose and your target audience, but that is a discussion for another day. There are many tools currently available [...]]]></description>
			<content:encoded><![CDATA[<p>As part of any website build process, the layout design and functionality will require cross browser testing. To what degree of testing is required and which browsers your website needs to support is subjective to the purpose and your target audience, but that is a discussion for another day.</p>
<p>There are many tools currently available which designers and developers have become reliant upon to view their design in multiple browsers quickly and with minimal effort. Web applications such as <a title="Visit Adobe BrowserLab" href="https://browserlab.adobe.com/index.html#">Adobe BrowserLab</a>, <a title="Visit Litmus" href="http://litmusapp.com/">Litmus</a> and <a title="Visit BrowserShots" href="http://browsershots.org/">BrowserShots</a> all offer services where you can view static images of your website in multiple browsers.</p>
<p>Whilst using these apps are convenient for not having to have multiple browsers installed on your development computer, I am a firm believer that these tools only touch the surface. A screenshot only provides a quick glance at your work and cannot highlight any other problems such as unclickable links, JavaScript errors etc.</p>
<p>In the long run, it always proves invaluable to start up your website in different browsers. You may be surprised at what can be found by just trying to use the website as any other user would.</p>
<p>Below is a screen shot of benmacgowan.co.uk in Internet Explorer 6 (code altered for this example). By just looking at the screen shot, you would assume that the design works fine for the user, but what isn&#8217;t shown is that the links in the footer are unclickable for the user, causing increased frustration and a loss of user experience.</p>
<p><img class="aligncenter size-full wp-image-286" title="Screenshot of benmacgowan.co.uk in IE6" src="http://benmacgowan.co.uk/wordpress/wp-content/uploads/2010/02/benmacgowan-ie6.jpg" alt="Screenshot of benmacgowan.co.uk in IE6" /></p>
]]></content:encoded>
			<wfw:commentRss>http://benmacgowan.co.uk/2010/02/01/a-common-mistake-when-browser-testing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
