<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>welcomebrand</title>
	
	<link>http://www.welcomebrand.co.uk</link>
	<description>The work and design thoughts of Creative Director James Young</description>
	<lastBuildDate>Tue, 20 Mar 2012 15:21:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/welcomebrand" /><feedburner:info uri="welcomebrand" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Post holiday blues – Ideas of March</title>
		<link>http://feedproxy.google.com/~r/welcomebrand/~3/5Db_7GwDrVg/</link>
		<comments>http://www.welcomebrand.co.uk/thoughts/post-holiday-blues/#comments</comments>
		<pubDate>Tue, 20 Mar 2012 15:11:22 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Notes]]></category>

		<guid isPermaLink="false">http://www.welcomebrand.co.uk/?p=3786</guid>
		<description><![CDATA[I love where I work, I really do. However, I really do hate the first week back when I've been on a great holiday.
Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/why-you-should-kill-good-ideas-as-well/' rel='bookmark' title='Why you should kill good ideas as well'>Why you should kill good ideas as well</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m in a post holiday slump, there&#8217;s no getting away from it. I just had a wonderful week <a title="I was here." href="http://www.flickr.com/photos/jamble/6979521709/in/photostream/">skiing in the Alps</a> with my wife and 3 year old <a title="Felix trying on his gear" href="http://www.flickr.com/photos/jamble/6979528045/in/photostream/">son</a>. Now I&#8217;m back at work and I feel blue.</p>
<p>I guess the <a title="#IdeasOfMarch" href="https://twitter.com/search/ideasofmarch">#IdeasOfMarch</a> came around at just the right time as I&#8217;m at that awkward point where I&#8217;m waiting for client signoff and approval for 3 projects, I have little to do but wait and &#8220;catch up&#8221; with what I&#8217;ve missed in the last week where I didn&#8217;t have WiFi and data roaming (at £3.07/mb that was disabled immediately!) to the net.</p>
<p>Ideas Of March perhaps isn&#8217;t intended to provide too much motivation for me but while I do blog regularly it&#8217;s often sporadic and I get on a bit of a run of posts where I just throw my thoughts onto the page then don&#8217;t post again for a week or two.</p>
<p>However, I&#8217;ve come back and my mind is blank. Completely blank. However, I like blogging and the lean weeks only serve to make the productive ones more rewarding and enjoyable. My main reason for writing is that it acts as a brain dump in many ways. Things I want to say but that don&#8217;t fit on Twitter or on other sites. My thoughts on my site.</p>
<p>I didn&#8217;t realise how much I needed a break that was actually relaxing. My last holiday away was over a year ago and a combination of terrible 2&#8242;s toddler behaviour and 30°C Spanish heat, I came back more frazzled than when I went.</p>
<p>This time was different. As a family we had a great time, the holiday company delivered what is possibly the best demonstration of doing the simple things right I&#8217;ve ever seen (as a result, a great experience) so the return to the coalface is perhaps a little underwhelming and I actually feel a bit angry at myself that I&#8217;m still reading the same stuff I was a few weeks back as if the holiday is already a distant memory. I think I&#8217;m probably going to take the opportunity to do some housekeeping of Twitter follows and reading subscriptions while I&#8217;m at it.</p>
<p>The catching up bit really didn&#8217;t take long this time. I realised for the most part I don&#8217;t care any more. I&#8217;ve been totally immersed digesting the opinions of hundreds of designers and developers and while I&#8217;m careful to make up my own mind about things, the web community sometimes feels like you have thousands of voices competing for your attention.</p>
<p>Dribbble shots, Tweets, Blog Posts, &#8220;In case you missed it yesterday&#8221; messages and so much more. My mind had switched all that off last week and enjoyed a Homer Simpson like week of peace and quiet of the brain. Ideas of March is just the tonic I need to ease back into posting.</p>
<p>The post holiday blues &#8211; You can go away now, I&#8217;m back on the proverbial horse and normal service will be resumed.</p>
<p>Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/why-you-should-kill-good-ideas-as-well/' rel='bookmark' title='Why you should kill good ideas as well'>Why you should kill good ideas as well</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/welcomebrand/~4/5Db_7GwDrVg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.welcomebrand.co.uk/thoughts/post-holiday-blues/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.welcomebrand.co.uk/thoughts/post-holiday-blues/</feedburner:origLink></item>
		<item>
		<title>A few responsive development resources</title>
		<link>http://feedproxy.google.com/~r/welcomebrand/~3/dh0RkgOLFS4/</link>
		<comments>http://www.welcomebrand.co.uk/thoughts/a-few-responsive-development-resources/#comments</comments>
		<pubDate>Fri, 09 Mar 2012 14:59:14 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Design & Development]]></category>

		<guid isPermaLink="false">http://www.welcomebrand.co.uk/?p=3781</guid>
		<description><![CDATA[A few of the useful tools and tips I've been using or have found recently to help when working with responsive designs.
Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/a-simple-responsive-navigation/' rel='bookmark' title='A simple responsive navigation'>A simple responsive navigation</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/responsive-development-resources/' rel='bookmark' title='Responsive development resources'>Responsive development resources</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/some-more-responsive-resources/' rel='bookmark' title='Some more responsive resources'>Some more responsive resources</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve bookmarked several useful tools, bookmarklets and snippets lately that I thought I&#8217;d share with anyone looking to make their responsive design work a little easier. Here they are.</p>
<h2>Layout tools</h2>
<ul>
<li><a title="PXtoEM" href="http://pxtoem.com/">PXtoEM</a> &#8211; A very useful calculator for converting px layout sizing to ems.</li>
<li><a title="Scaling with em's" href="http://viljamis.com/blog/2012/scaling-with-em-units/">Scaling with EM&#8217;s</a> &#8211; A good blog post and demo explaining how you can use em&#8217;s to scale your site</li>
<li><a title="Responsive layouts responsively wireframed" href="http://www.thismanslife.co.uk/projects/lab/responsivewireframes/#desktop">Responsive layouts, responsively wireframed</a> &#8211; A good demo of responsive wireframes</li>
</ul>
<h2>Testing tools</h2>
<ul>
<li><a title="Chris Armstrong's tester" href="http://chris-armstrong.com/rzg/welcomebrand.co.uk">Quick responsive tester</a> &#8211; Chris Armstrong&#8217;s tool for quickly resizing your site in browser</li>
<li><a title="Responsinator" href="http://www.responsinator.com/">The responsinator</a> &#8211; Another quick tool to see how your site looks at a range of different sizes</li>
<li><a title="Responsive.is" href="http://responsive.is/welcomebrand.co.uk">Responsive.is</a> &#8211; Yep, another &#8230;</li>
<li><a title="Media Query Bookmarklet" href="https://github.com/sparkbox/mediaQueryBookmarklet">Media Query Bookmarklet</a> &#8211; It&#8217;s exactly that</li>
<li><a title="Resizer" href="http://codebomber.com/jquery/resizer/">Resizer</a> &#8211; A bookmarklet that lets you set window sizes for quick testing</li>
<li><a title="Solidify" href="http://www.solidifyapp.com/">Solidify app</a> &#8211; A tool from Zurb for building clickable prototypes</li>
<li><a title="Blaze" href="http://www.blaze.io/mobile/">Blaze Mobitest</a> &#8211; Awesome tool for testing the speed and weight of your site</li>
</ul>
<h2>Useful blog posts</h2>
<ul>
<li><a title="Cutting the mustard" href="http://blog.responsivenews.co.uk/post/18948466399/cutting-the-mustard">Cutting the mustard</a> &#8211; A clever proposal for browser testing support</li>
<li><a title="Responsive nav patterns" href="http://bradfrostweb.com/blog/web/responsive-nav-patterns/">Responsive navigation patterns</a> &#8211; Brad Frost&#8217;s useful review of common techniques for navigation along with pros and cons for each</li>
<li><a title="Simple responsive navigation" href="http://www.welcomebrand.co.uk/thoughts/a-simple-responsive-navigation/">Responsive navigation</a> &#8211; A quick freebie I made for your use</li>
</ul>
<p>Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/a-simple-responsive-navigation/' rel='bookmark' title='A simple responsive navigation'>A simple responsive navigation</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/responsive-development-resources/' rel='bookmark' title='Responsive development resources'>Responsive development resources</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/some-more-responsive-resources/' rel='bookmark' title='Some more responsive resources'>Some more responsive resources</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/welcomebrand/~4/dh0RkgOLFS4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.welcomebrand.co.uk/thoughts/a-few-responsive-development-resources/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.welcomebrand.co.uk/thoughts/a-few-responsive-development-resources/</feedburner:origLink></item>
		<item>
		<title>Freelancing and things I’d do differently now</title>
		<link>http://feedproxy.google.com/~r/welcomebrand/~3/2uIC-E6qQa8/</link>
		<comments>http://www.welcomebrand.co.uk/thoughts/freelancing-and-things-id-do-differently-now/#comments</comments>
		<pubDate>Wed, 29 Feb 2012 13:56:33 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Freelancing]]></category>

		<guid isPermaLink="false">http://www.welcomebrand.co.uk/?p=3751</guid>
		<description><![CDATA[I have a little more grey hair and two more years experience but if I went back to freelancing, there's a few things I'd do differently. 
Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/common-questions-when-starting-freelancing/' rel='bookmark' title='Common questions when starting freelancing'>Common questions when starting freelancing</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/freelancing-and-dealing-with-the-taxes/' rel='bookmark' title='Freelancing and dealing with taxes'>Freelancing and dealing with taxes</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/shaking-things-up-doesnt-hurt/' rel='bookmark' title='Shaking things up doesn&#8217;t hurt'>Shaking things up doesn&#8217;t hurt</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Looking back a couple of years when I was a full time freelance designer, I had a pretty good lot and worked with some great clients and agencies. For the most part, <a title="My freelance experiences" href="http://www.welcomebrand.co.uk/thoughts/freelancing/">I was happy with my processes</a> and how I ran my business but there are a few things I&#8217;d do differently these days.</p>
<p>I stopped freelancing full time when I joined my good friend <a title="@peteduncanson" href="http://twitter.com/peteduncanson">@peteduncanson</a> here at <a title="Offroadcode" href="http://offroadcode.com">Offroadcode</a> and while I take on the occasional freelance project, I&#8217;m a 9-5 kind of a guy these days. I do like to post from time to time sharing my experiences from when I was a freelancer (I hope I don&#8217;t sound like an old dad) back in the day &#8230; and after reading <a title="Payment terms" href="http://mrqwest.co.uk/blog/206/payment-terms">Anthony Kileen&#8217;s post and tweets about payment terms</a> I figured with hindsight and a couple of extra years in the industry there are things I&#8217;d do differently now if I did go back to freelancing. A few people asked what they were so without further rambling.</p>
<h2>I&#8217;d sub contract much much more</h2>
<p>I was happy a few years back that I filled a requirement that I used to refer to as &#8220;front end designer&#8221; which covered everything from the initial meeting/briefing with clients, working up visuals (none of this designing in browser, responsive jazz a few years back) and building HTML &amp; CSS templates along with WordPress work (themes). I never felt comfortable billing clients for hacking bits of scripts together to get some sort of Frankenstein monster functionality. If I couldn&#8217;t actually understand and do it, I didn&#8217;t do it.</p>
<p>There was good demand for those skills but the market is much more involved these days, requirements and deliverables are more complex and varied and this means you either need to be extremely specialist (CSS writing master only?) or you need to team up with one or more people to fill in the gaps in your skillset and vice versa. I wasn&#8217;t active on Twitter a few years ago, so options were a bit more limited in some ways but now I talk to a huge range of people I&#8217;d happily team up with and manage on projects where I didn&#8217;t have the full skills needed to deliver.</p>
<h2>I&#8217;d get some office space</h2>
<p>I never had self discipline issues when I worked from home, I&#8217;d be showered and ready to sit down at 9am like everyone else in an office. However, the arrival of my son made working from home difficult even when the wife was looking after him, it&#8217;s difficult not to be distracted when you hear crying etc. Space at a local media centre or sharing an office with another freelancer/agency would be high on my list.</p>
<h2>I&#8217;d consider invoice factoring</h2>
<p>This is something I nearly opted for and it&#8217;s something I&#8217;d strongly consider again. One of the biggest problems with freelancing is cashflow. It&#8217;s a never ending cycle of stress wondering when an invoice will get paid and of course each time you chase payment, you&#8217;re losing time when you could be doing something else you can bill for.</p>
<p><a title="Invoice Factoring" href="http://www.rbsif.co.uk/invoice-financing/factoring">Invoice Factoring</a> is a service where you sell your invoice to a 3rd party who collect payment for you. Effectively they pay you immediately but you get less than the value of your invoice. You get the security of cashflow but I am aware that you often need to meet some minimum requirements for turnover. Also, if you&#8217;re going to do this, make sure your clients are aware before a company call them asking for payments.</p>
<h3>A few resources</h3>
<p>For the most part, this is a short list because in 3 years full time freelancing, I collected 100% of the value of my invoices and only had a couple of late payments and while there were a few hiccups and disagreements there were no clients I parted company with before a project was done. I figure I was probably on the right course and common sense will steer you 95% of the way anyway.</p>
<p>If you need some sample docs (contract/invoice/business plans etc) then please visit and contribute to <a title="Docpool.co" href="http://docpool.co">Docpool.co</a> and while I&#8217;m no guru I try to share my <a title="Posts on freelancing" href="http://www.welcomebrand.co.uk/thoughts/freelancing/">thoughts and experiences</a> and I&#8217;m happy to answer questions if you <a title="Email me" href="mailto:james@welcomebrand.co.uk">mail me</a>.</p>
<p>Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/common-questions-when-starting-freelancing/' rel='bookmark' title='Common questions when starting freelancing'>Common questions when starting freelancing</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/freelancing-and-dealing-with-the-taxes/' rel='bookmark' title='Freelancing and dealing with taxes'>Freelancing and dealing with taxes</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/shaking-things-up-doesnt-hurt/' rel='bookmark' title='Shaking things up doesn&#8217;t hurt'>Shaking things up doesn&#8217;t hurt</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/welcomebrand/~4/2uIC-E6qQa8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.welcomebrand.co.uk/thoughts/freelancing-and-things-id-do-differently-now/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.welcomebrand.co.uk/thoughts/freelancing-and-things-id-do-differently-now/</feedburner:origLink></item>
		<item>
		<title>Did Responsive Summit miss the mark?</title>
		<link>http://feedproxy.google.com/~r/welcomebrand/~3/_-OlJvyUCYs/</link>
		<comments>http://www.welcomebrand.co.uk/thoughts/did-responsive-summit-miss-the-mark/#comments</comments>
		<pubDate>Fri, 24 Feb 2012 11:05:30 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Notes]]></category>

		<guid isPermaLink="false">http://www.welcomebrand.co.uk/?p=3721</guid>
		<description><![CDATA[You'd think a group of folks who decided to get together, take a range of questions from the community and then feed back their thoughts and ideas to help the industry would be a good thing right?
Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/rush-judge-rethink-a-thank-you-to-mark-boulton/' rel='bookmark' title='Rush, judge, rethink &#8211; A thank you to Mark Boulton'>Rush, judge, rethink &#8211; A thank you to Mark Boulton</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a title="Responsive Summit" href="http://responsivesummit.com/">Responsive Summit</a> was the victim of quite a bit of Twitter vitriol, before the results of any discussion had even been published the idea of it had got peoples backs up seemingly because it was a pre-selected folks who speak at conferences, write books, release code and maintain popular blogs.</p>
<p>Those same folks who many thousands follow and praise on Twitter, or whos blogs are retweeted as wonderous glimpses of knowledge and insight. How did this friendly and potentially helpful idea go down so badly among so many?</p>
<h2>Things I learnt on Twitter yesterday</h2>
<ol>
<li>I&#8217;ve said before <a title="Conference speaker tweets – an idea" href="http://www.welcomebrand.co.uk/thoughts/conference-speaker-tweets-an-idea/">Twitter is a truly truly diabolical means for communicating information</a> and sound bites from conferences and events. I haven&#8217;t changed my mind in the slightest &#8211; don&#8217;t do it.</li>
<li>Even with good intentions (they certainly are/were), telling people outright you&#8217;re going forming a panel to help solve their problems seems to be akin to waving a red flag in front of a really angry bull.</li>
<li>If you do want to tweet sound bites from a conference or meetup, don&#8217;t bother.</li>
</ol>
<h3>Did it miss the mark?</h3>
<p>They probably slightly misjudged the name of their meetup but that&#8217;s it! Hell hath no fury like a Twitter hashtag.</p>
<p>Beyond that, it all sounded like a nice initiative and idea. I talk to a few of these guys on Twitter and the ones I do know, I respect their skill, work and backgrounds but unfortunately I bet for a simple change in wording and tone, this good idea wouldn&#8217;t have gone down like the Hindenburg with many. Here&#8217;s what a &#8220;summit&#8221; is listed as on Wikipedia so it&#8217;s not hard to see why many got their backs up so quickly.</p>
<blockquote cite="http://en.wikipedia.org/wiki/Summit_(meeting)"><p>A summit meeting (or <em>summit</em>) is a meeting of heads of state or government, usually with considerable media exposure, tight security and a prearranged agenda. <cite><a href="http://en.wikipedia.org/wiki/Summit_(meeting)">Wikipedia</a></cite></p></blockquote>
<p>For a simple matter of wording and branding, the elitist tone that it appears wound up so many could have been avoided. There&#8217;s a reminder about the power of wording for you.</p>
<h2>Good things</h2>
<p>I&#8217;m really looking forward to seeing the results of this meetup as the aim of it was that questions were welcomed and fired into the pot from members of the community who wanted to so it&#8217;d be interesting to see how much was covered in the end and what the write ups will contain in terms of solid guidance for those who want it.</p>
<p>I believe this was a sponsored event of some sort and I&#8217;d love to see this kind of thing hitting the road with different faces and perhaps the attendees picked from a list of people who want to attend and are able to contribute based on experiences so far? Still, it&#8217;s a shame such meets are so often viewed as having a different agenda to the helping and sharing outlined in this one. I&#8217;d certainly love to be involved in a similar discussion if one is organised in Leeds or Manchester.</p>
<h2>Blog more &#8211; and deliver</h2>
<p>One of the main things I notice with responsive design these days is that it&#8217;s absolutely everywhere, everyone is clamouring to be a leading name and give an opinion on technique. It&#8217;s like the Wild West Web at the moment in that respect. It&#8217;s great though because the sensible designers and developers are the ones who are for the most part assimilating the knowledge and evaluating its use and practicality and making their own strides.</p>
<p>A tweet I did notice from Responsive Summit talked about everyone blogging more. I&#8217;d love to see more write-ups taking place of how projects were done and what decisions guided design and development.</p>
<p>Too many people (me included) are guilty of discussing process to the nth degree and what we should and shouldn&#8217;t do and forgetting <em><strong>it&#8217;s a business where shipping a product is a pretty vital end result too</strong></em>.</p>
<p>I&#8217;ve only seen a couple of write ups in the last year explaining technical decisions and processes <strong>on an actual, launched product/site</strong>. Perhaps if there were more examples of technical reviews post launch (I appreciate not all clients allow posting of technical details) and more articles like &#8220;<a title="Responsive Images: How they almost worked and what we need" href="http://www.alistapart.com/articles/responsive-images-how-they-almost-worked-and-what-we-need/">Responsive images &#8211; How they almost worked and what we need</a>&#8221; we&#8217;d move forward more than if we decide whether there&#8217;s a &#8220;<a title="Designing in the browser isn’t the only way" href="http://www.welcomebrand.co.uk/thoughts/designing-in-the-browser-isnt-the-only-way/">right way to design</a>&#8220;.</p>
<p>Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/rush-judge-rethink-a-thank-you-to-mark-boulton/' rel='bookmark' title='Rush, judge, rethink &#8211; A thank you to Mark Boulton'>Rush, judge, rethink &#8211; A thank you to Mark Boulton</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/welcomebrand/~4/_-OlJvyUCYs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.welcomebrand.co.uk/thoughts/did-responsive-summit-miss-the-mark/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.welcomebrand.co.uk/thoughts/did-responsive-summit-miss-the-mark/</feedburner:origLink></item>
		<item>
		<title>Designing in the browser isn’t the only way</title>
		<link>http://feedproxy.google.com/~r/welcomebrand/~3/vKG0Esvg-M0/</link>
		<comments>http://www.welcomebrand.co.uk/thoughts/designing-in-the-browser-isnt-the-only-way/#comments</comments>
		<pubDate>Tue, 21 Feb 2012 11:30:48 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Design & Development]]></category>

		<guid isPermaLink="false">http://www.welcomebrand.co.uk/?p=3711</guid>
		<description><![CDATA[Some will tell you designing in the browser is the best way to work. For the most part I agree it is but it's by no means the only way to design a website.
Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/designing-with-lemons/' rel='bookmark' title='Designing with lemons'>Designing with lemons</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/browser-support-and-the-future/' rel='bookmark' title='Browser support and the future'>Browser support and the future</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/testing-print-stylesheets-in-browser/' rel='bookmark' title='Testing print stylesheets in browser'>Testing print stylesheets in browser</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Designers workflow, the ever changing steps that we all tweak and modify to suit both our workflow on a particular project and the way clients need to be shown and briefed on how a site is coming along. There is no right way for everyone.</p>
<p><a title="Why I can't design in the browser" href="http://www.sazzy.co.uk/2012/02/why-i-cant-design-in-the-browser">Sarah Parmenter posted about how she can&#8217;t design in the browser</a> and it seems to be a &#8220;problem&#8221; (It&#8217;s not a problem) many others experience. I&#8217;ve revised my own workflow a great deal over the last year and I do a huge amount of work in the browser and on any scraps of paper I can find but do you know what? For the most part, Fireworks (insert Photoshop if that&#8217;s your tool of choice) is still open all day for me and the last freelance project I did included me sending a full set of jpg visuals to the client among other resources.</p>
<p>For the most part, I don&#8217;t care what other people say is best practice or what I should do. I do what is best for me, my client and their end users and at work, whatever is the best way for us all to contribute and tweak. It depends on the nature of the project, what the client needs* and quite simply &#8211; <strong>whatever works best!</strong></p>
<h2>My typical design workflow</h2>
<p>Unlike Sarah, I do design primarily in the browser these days. My process is pretty simple for the most part:</p>
<ol>
<li>Sketch out initial wireframes and visual ideas</li>
<li>Create wireframes in Balsamiq</li>
<li>Sketch out HTML structure of project on paper</li>
<li>Start building HTML structure</li>
<li>Add in CSS</li>
<li>Test</li>
<li>Release</li>
</ol>
<p>Now at this point, you&#8217;ll be wondering where I do any actual design. The secret is for the most part, design in Fireworks (yes, or Photoshop) can fit into or between any stage above. As I mentioned above, the last freelance project I took on, I was paid only to deliver wireframes and a new visual look and feel for an existing website that the clients own team were going to rebuild in HTML &amp; CSS and update their own CMS at the same time.</p>
<h2>A client case for modifying my workflow</h2>
<p><em>Designing in the browser wasn&#8217;t entirely practical in this case. So I didn&#8217;t.</em> In that particular case my workflow was modified to something like this:</p>
<ol>
<li>Sketch out initial wireframes and visual ideas</li>
<li>Create wireframes in Balsamiq (send for approval)</li>
<li>Overlay design elements in Fireworks</li>
</ol>
<p>I did a lot of groundwork with the client to ensure they knew that because they weren&#8217;t paying me to build the site, there is only so much that can be done when you&#8217;re a smaller part of a bigger process. My aim from the beginning was to take a site that had last been visually updated in 2004 and give it a new lease of life while also accounting for varying screen sizes when it&#8217;s built. In a dream world, you&#8217;d manage the whole process but sometimes you can&#8217;t and you therefore have to be pragmatic.</p>
<h2>I sent jpgs for my last project</h2>
<p>What I provided this particular client with was a set of wireframes that showed the basics of a responsive layout &#8211; a &#8220;small screen view&#8221; of how the content, navigation etc would flow and a &#8220;big screen view&#8221; which typically represents a desktop view. On each wireframe, I made notes for their development team on how things would alter and I provided a series of <strong>suggested breakpoints</strong> for their build. Another reason for doing this was also down to the fact I actually didn&#8217;t know when this project was scheduled to be built so I accounted for the two significant breakpoints in layout that were known at the moment &#8211; a 320px wide &#8220;mobile view&#8221; and I decided on a 960px maximum width because on a practical basis, <a title="Small images, big layouts" href="http://www.welcomebrand.co.uk/thoughts/small-images-big-layouts/">they only had small photos available</a>.</p>
<p>So designing in the browser was simply not a practical use of my time on that particular project so why force my workflow to match what people consider is &#8220;the right way&#8221;?</p>
<p>For the most part <a title="Turning our design process upside down" href="http://offroadcode.com/blog/2011/7/18/turning-our-design-process-upside-down/">my design process leans heavily towards prototyping in the browser</a> and I don&#8217;t think designing in the browser necessarily leads to blocky, predictable designs as I hope we demonstrated with a work project <a title="Cutting Edge Knives" href="http://cuttingedgeknives.co.uk">Cutting Edge Knives</a> which was entirely &#8220;designed&#8221; in the browser with visual assets being the only thing we used Fireworks for.</p>
<h3>Use your brain to compliment workflow</h3>
<p>There are so many folks pushing so many techniques at the moment it&#8217;s often hard to keep track, let alone decide what&#8217;s &#8220;the right way&#8221;. Follow best practice when you can, but do what&#8217;s right for you, your team and your client and their users. If that means getting an overall feel for a site in Fireworks that a client can understand and work with &#8211; do it.</p>
<p>For many projects, you will probably get the biggest gains from prototyping in HTML because it&#8217;s simply an efficient way of working but don&#8217;t force your workflow into someone else&#8217;s idea of best practice. Use your brain, it&#8217;s still allowed!</p>
<p>* Happy client paid their invoice 2 weeks early.</p>
<p>Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/designing-with-lemons/' rel='bookmark' title='Designing with lemons'>Designing with lemons</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/browser-support-and-the-future/' rel='bookmark' title='Browser support and the future'>Browser support and the future</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/testing-print-stylesheets-in-browser/' rel='bookmark' title='Testing print stylesheets in browser'>Testing print stylesheets in browser</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/welcomebrand/~4/vKG0Esvg-M0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.welcomebrand.co.uk/thoughts/designing-in-the-browser-isnt-the-only-way/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.welcomebrand.co.uk/thoughts/designing-in-the-browser-isnt-the-only-way/</feedburner:origLink></item>
		<item>
		<title>Being disconnected</title>
		<link>http://feedproxy.google.com/~r/welcomebrand/~3/GuMOc2CrWNI/</link>
		<comments>http://www.welcomebrand.co.uk/thoughts/being-disconnected/#comments</comments>
		<pubDate>Mon, 20 Feb 2012 10:10:29 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Notes]]></category>

		<guid isPermaLink="false">http://www.welcomebrand.co.uk/?p=3695</guid>
		<description><![CDATA[I thought I'd enjoy the peace and quiet of having a loan phone that didn't have a browser, apps or even email. Turns out I really miss being online all the time.
No related posts.]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s been an odd week, I took my Samsung Galaxy S back to the shop because it developed a fault. I got given a <a title="Samsung i1080" href="http://www.gsmarena.com/samsung_e1080t-2941.php">loan phone</a> with no browser, apps or even email. I&#8217;ve been disconnected and I hate it.</p>
<p>Initially I thought it would be a nice to not check my Twitter feed all the time, not getting emails through on my phone or even simply browsing the net on the bog. I still do all these things at work on the desktop and if I want to browse at home, I&#8217;ve got a laptop. I&#8217;m not deliberately limiting my access, just having an enforced phone break. While I never suffer the &#8220;problem&#8221; of <a title="Inbox: 3" href="http://www.welcomebrand.co.uk/thoughts/inbox-3/">too many notifications</a> or <a title="Embrace distractions" href="http://www.welcomebrand.co.uk/thoughts/embrace-distractions/">distractions</a> (protip &#8211; turn off notifications if you get too many), I figured it might be nice to not be tied to the phone.</p>
<p><img class="alignleft size-medium wp-image-3702" title="Samsung 1080i" src="http://www.welcomebrand.co.uk/wp-content/uploads/samsung_gt_e1080i-300x225.jpg" alt="Samsung 1080i" width="300" height="225" /></p>
<p>I thought I&#8217;d like it, I don&#8217;t. I enjoy being connected &#8211; or more accurately &#8211; having the option of being connected.</p>
<p>For the most part, I&#8217;d consider myself a &#8220;<a title="Super consumers" href="http://www.mediapost.com/publications/article/135167/">Super Consumer</a>&#8221; when it comes to the net and information online. I love it, I love that if I&#8217;m bored I can jump into my RSS feeds and learn something new. As an avid consumer of documentaries on TV and blogs/articles, I don&#8217;t just read about the web &#8211; I rarely read work related blogs outside of office hours. I much prefer New Scientist, Big Think, Long Good Read and my all time favourite source of information National Geographic. I track my marathon training and bike rides with Endomondo and I listen to streamed music while I run.</p>
<p>All this is currently gone. In short, a lot of my day now runs through my phone.</p>
<p>Ironically, now I&#8217;m currently using a phone that is so basic, it only has two functions &#8211; voice calls and text messaging &#8211; and it&#8217;s amazing how little I actually use those parts of the phone. Perhaps what now resides in my right jeans pocket is in fact a small computer with a telephone attached. Not the other way round. Either way, I&#8217;m looking forward to having my pocket computer back sooner rather than later!</p>
<p>&nbsp;</p>
<p>No related posts.</p><img src="http://feeds.feedburner.com/~r/welcomebrand/~4/GuMOc2CrWNI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.welcomebrand.co.uk/thoughts/being-disconnected/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.welcomebrand.co.uk/thoughts/being-disconnected/</feedburner:origLink></item>
		<item>
		<title>Is there even a case for “responsive text”?</title>
		<link>http://feedproxy.google.com/~r/welcomebrand/~3/M2siOW3q4-E/</link>
		<comments>http://www.welcomebrand.co.uk/thoughts/is-there-even-a-case-for-responsive-text/#comments</comments>
		<pubDate>Thu, 16 Feb 2012 12:43:27 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Notes]]></category>

		<guid isPermaLink="false">http://www.welcomebrand.co.uk/?p=3665</guid>
		<description><![CDATA[As responsive web design marches ever closer to global domination, we see techniques banded around that may be experiments or proof of concepts but in some cases, they should probably never move past that.
Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/using-text-shadow-dont-forget-highlighting/' rel='bookmark' title='Using text shadow? Don&#8217;t forget highlighting'>Using text shadow? Don&#8217;t forget highlighting</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/beefing-up-web-fonts-with-text-shadow/' rel='bookmark' title='Beefing up web fonts with text shadow'>Beefing up web fonts with text shadow</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p style="background:#fec;">The following post is my initial, personal draft. I wrote a fuller post with more in depth analysis for Smashing Magazine &#8211; <a title="Read on Smashing Magazine" href="http://www.smashingmagazine.com/2012/02/27/ever-justification-for-responsive-text/">Read it here</a>.</p>
<p>As responsive web design marches ever closer to global domination, we see techniques banded around that may be experiments or proof of concepts but in some cases, they should probably never move past that.</p>
<p>&#8220;Responsive text&#8221; seems to be filling my timeline at the moment thanks to a tweet from purveyor of lovely design Veerle Peters saying:</p>
<blockquote class="twitter-tweet"><p>You can see practical use of Responsive Text at <a title="https://sifterapp.com/" href="https://t.co/bbebp5cn">sifterapp.com</a> : resize your window and watch the Plans &amp; Pricing tab.</p>
<p>— Veerle Pieters (@vpieters) <a href="https://twitter.com/vpieters/status/170104828675100672" data-datetime="2012-02-16T11:18:46+00:00">February 16, 2012</a></p></blockquote>
<p>As far as I can see, responsive text is largely a case of hiding text (not rewriting or delivering a different message appropriate to the context &#8211; eg. mobile focused copy for example) depending on screensize. I&#8217;m hoping I&#8217;m wrong on this because I honestly don&#8217;t get the practical use here on a couple of levels. Allow me to explain through the medium of screenshot and dance*.</p>
<p><img class="alignnone size-full wp-image-3666" title="Sifter app navigation" src="http://www.welcomebrand.co.uk/wp-content/uploads/sifter.jpg" alt="Sifter app navigation" width="901" height="804" /></p>
<h2>What&#8217;s going on here then?</h2>
<p>Well, in this example (and you can also take a look at <a title="Responsive text demo" href="http://www.frankieroberto.com/responsive_text">Frankie Roberto&#8217;s</a> demo) you&#8217;ll perhaps notice a couple of things. You see two versions of <a title="Sifter app" href="https://sifterapp.com/">Sifterapp.com</a> at different screensizes to show two different breakpoints.</p>
<p>What Veerle tweeted this morning was a &#8220;good example of responsive text&#8221; on the Pricing &amp; Plans tab. I&#8217;m not sure I either understand the need for this or support the way it alters this sort of content. Here&#8217;s a couple of notes on what I saw happening:</p>
<ol>
<li>At full screen, the navigation refers to &#8220;Pricing &amp; Plans&#8221;</li>
<li>At smaller resolutions (tablet size mainly) it now only refers to &#8220;Pricing&#8221;. Do they only offer information on their plans to users on large screen devices or is the &#8220;plans&#8221; part redundant? I assume not as all screensize versions link to /plans/ &#8211; That&#8217;s confusing right &#8211; You clicked on &#8220;Pricing&#8221; but on your small screen, you went to a page that outlines plan details first.</li>
<li>To achieve showing/hiding the &#8220;Plans &amp;&#8221; part of the tab, it&#8217;s wrapped in a span, not the end of the world on a single navigation tab but good luck if you start going down the path of class=&#8221;additional-info&#8221; as Frankie demonstrates in his demo paragraphs. I can&#8217;t immediately think what a nightmare maintaining that sort of copywriting style would be for actual page content and tying it into breakpoints! (also, keep in mind the bit where I asked about hidden text and whether it&#8217;s redundant if you have to hide it)</li>
<li>Show stuff! Hide stuff with display:none !important; &#8211; Responsive design is many things, there are many little tricks and techniques that combine to create a wondrous tool to make websites flexible. I&#8217;m not a fan of hiding elements on a screen in this way for a number of reasons that I&#8217;d hope are fairly obvious to all.</li>
</ol>
<h3>It&#8217;s a demo though right?</h3>
<p>I appreciate Frankie&#8217;s demo above is just that, he&#8217;s clear on that (and offers potentially about the only use case I could think of) and I congratulate the effort, everyone should experiment with the web. The Sifter app site is a live site. Not a demo or proof of concept.</p>
<p>Perhaps I&#8217;ve drunk a little too much of the #OneWeb Kool-Aid and think if your content is too bloated and you have to hide parts of it on smaller devices then you might need to refocus your efforts there. Along with that, perhaps I&#8217;m becoming a grumpy tosser about a lot of responsive web terminology but I do try and at least figure out what I&#8217;m working with and whether an approach might be suitable but this sort of thing doesn&#8217;t <em>seem</em> to have any place in good practice.</p>
<p>Maybe I&#8217;m wrong in how I&#8217;ve interpreted the Sifter app example and what it&#8217;s trying to achieve, feel free to tweet me and tell me if I am but a quick look at the design, code and copy suggests &#8220;responsive text&#8221;, despite being tweeted by some really clever folks doesn&#8217;t look like something I&#8217;m going to be embracing any time soon.</p>
<p>For the most part, Jim echoes my thoughts here:</p>
<blockquote class="twitter-tweet"><p>If you can say something efficiently in 30 words, why would you &#8216;enhance&#8217; that with more words for users with bigger screens? Mental.</p>
<p>— Jim Newbery (@froots101) <a href="https://twitter.com/froots101/status/170120198706302976" data-datetime="2012-02-16T12:19:50+00:00">February 16, 2012</a></p></blockquote>
<p>* There is no dancing.</p>
<p>Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/using-text-shadow-dont-forget-highlighting/' rel='bookmark' title='Using text shadow? Don&#8217;t forget highlighting'>Using text shadow? Don&#8217;t forget highlighting</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/beefing-up-web-fonts-with-text-shadow/' rel='bookmark' title='Beefing up web fonts with text shadow'>Beefing up web fonts with text shadow</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/welcomebrand/~4/M2siOW3q4-E" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.welcomebrand.co.uk/thoughts/is-there-even-a-case-for-responsive-text/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.welcomebrand.co.uk/thoughts/is-there-even-a-case-for-responsive-text/</feedburner:origLink></item>
		<item>
		<title>Mobile First – A book review</title>
		<link>http://feedproxy.google.com/~r/welcomebrand/~3/grhtcxpwPq8/</link>
		<comments>http://www.welcomebrand.co.uk/thoughts/mobile-first-a-book-review/#comments</comments>
		<pubDate>Thu, 16 Feb 2012 10:43:34 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Notes]]></category>

		<guid isPermaLink="false">http://www.welcomebrand.co.uk/?p=3658</guid>
		<description><![CDATA[Having bought the Mobile First the day it was released, it's taken an age to get round to finally reading it.
Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/an-ie6-option-treat-as-mobile/' rel='bookmark' title='An IE6 option -Treat as mobile'>An IE6 option -Treat as mobile</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/2011-in-review/' rel='bookmark' title='2011 in review'>2011 in review</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/mobile-specific-landing-pages-good-or-bad/' rel='bookmark' title='Mobile specific landing pages &#8211; good or bad?'>Mobile specific landing pages &#8211; good or bad?</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Having bought the Mobile First the day it was released, it&#8217;s taken an age to get round to finally reading it.</p>
<p><img class="alignnone size-full wp-image-3659" title="Mobile First" src="http://www.welcomebrand.co.uk/wp-content/uploads/mobile-first.jpg" alt="Mobile First" width="900" height="300" /></p>
<p>Ironically, I ended up finding the best place to leave and dip into the book was actually in the bathroom, scene of much my unhurried mobile browsing and book reading. Now I&#8217;ve got the chance to briefly reflect on what I gained from reading the book and what you might too if you&#8217;ve not bought it already.</p>
<p>Author <a title="Luke's website &amp; blog" href="http://www.lukew.com">Luke Wroblewski</a> is one the people I often refer to when looking up mobile development practice and technique, his blog is a rich source of information and constant updates and perhaps it&#8217;s because for the most part, my learning and workflow seldom relies on hard copies of books that I found Mobile First turned out to be a nice reminder of technique but of more interest to me was actually a bit of a background overview of what&#8217;s happened in mobile so far and what&#8217;s happening (<em>TL;DR: Everything is changing all the time</em>) that I probably won&#8217;t find myself dipping in and out of the book again as people often do with reference books.</p>
<p>Most of my learning is done through following the people I do on Twitter and subscribing to an ever growing series of RSS feeds from designers and developers who push the envelope and innovate as well as experiment.</p>
<p>The book does highlight and explain a lot of interesting history and development but perhaps because I left it a while to read, much of the information within has been disseminated around the net in various forms. That&#8217;s not to say I know it all, not by a long stretch, just that the parts relevant to my work were things I&#8217;d seen.</p>
<p>The information on Gestures, apps and HUI was especially interesting as I&#8217;m still very much building responsive websites, not apps or hybrids and there is a wealth of good advice and guidelines on input methods and techniques I&#8217;ll be making use of.</p>
<p>It&#8217;s well written, concise and shows good examples. As you&#8217;d expect from Luke and A List Apart.</p>
<p><a title="Buy this and more at A Book Apart" href="http://www.abookapart.com/">Definitely worth buying</a> but if you&#8217;re already working on responsive websites I&#8217;d perhaps venture to say you might find that some parts already discuss things you&#8217;ve come across in your work but of course that doesn&#8217;t apply to everyone!</p>
<p>Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/an-ie6-option-treat-as-mobile/' rel='bookmark' title='An IE6 option -Treat as mobile'>An IE6 option -Treat as mobile</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/2011-in-review/' rel='bookmark' title='2011 in review'>2011 in review</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/mobile-specific-landing-pages-good-or-bad/' rel='bookmark' title='Mobile specific landing pages &#8211; good or bad?'>Mobile specific landing pages &#8211; good or bad?</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/welcomebrand/~4/grhtcxpwPq8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.welcomebrand.co.uk/thoughts/mobile-first-a-book-review/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.welcomebrand.co.uk/thoughts/mobile-first-a-book-review/</feedburner:origLink></item>
		<item>
		<title>A simple responsive navigation</title>
		<link>http://feedproxy.google.com/~r/welcomebrand/~3/xmsUC5kjG60/</link>
		<comments>http://www.welcomebrand.co.uk/thoughts/a-simple-responsive-navigation/#comments</comments>
		<pubDate>Mon, 13 Feb 2012 19:14:14 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Design & Development]]></category>

		<guid isPermaLink="false">http://www.welcomebrand.co.uk/?p=3641</guid>
		<description><![CDATA[A simple, javascript free responsive menu. 
Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/a-few-responsive-development-resources/' rel='bookmark' title='A few responsive development resources'>A few responsive development resources</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/ie6-upgrade-script/' rel='bookmark' title='A simple IE6 upgrade script'>A simple IE6 upgrade script</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m aware some folks have thoughts on the best way to make navigation responsive on websites, I too have thoughts but this is just a straight up giveaway.</p>
<p>Typically responsive menus work in two ways</p>
<ul>
<li>Select replacement with javascript (see <a title="Touchdown" href="https://github.com/samuelcotterall/Touchdown">Touchdown</a> which is a good script to do this)</li>
<li>Jump navigation with media queries and a tiny bit of extra markup</li>
</ul>
<p>This is the latter. It&#8217;s nothing fancy but hopefully it&#8217;s a quick and easy option for someone. Feel free to grab, share, tweet and modify to your hearts content.</p>
<p><a title="Responsive navigation demo" href="http://www.welcomebrand.co.uk/downloads/responsive-nav.html"><img class="alignnone size-full wp-image-3643" title="Responsive navigation" src="http://www.welcomebrand.co.uk/wp-content/uploads/responsive-nav.jpg" alt="Responsive navigation" width="900" height="450" /></a></p>
<h2>Simple, responsive JS free jump navigation</h2>
<p>Best bet is to have a <a title="Responsive navigation demo" href="http://www.welcomebrand.co.uk/downloads/responsive-nav.html">look at the demo</a> or <a class="downloadlink" href="http://www.welcomebrand.co.uk/wp-content/plugins/download-monitor/download.php?id=6" title=" downloaded 55 times" >download it (55)</a> and poke around.</p>
<p>The simple jist of it is that it&#8217;s a normal list which we position at the bottom of our screen using position:absolute (because it&#8217;s built mobile first) and then we turn into an inline list that appears at the top of the page using some standard styling for bigger screens. You decide your own breakpoints etc. What&#8217;s in there is simply what I was working with on a particular project that I built this for.</p>
<h3>Benefits</h3>
<ul>
<li>Simplicity &amp; speed</li>
<li>Not reliant on javascript</li>
<li>Just HTML &amp; CSS with some media queries so easy to customise</li>
<li>Menu is in correct place in source code and only needs a single extra &#8220;jump&#8221; link</li>
</ul>
<h3>Drawbacks</h3>
<ul>
<li>Needs an extra link to create the &#8220;jump&#8221; bit</li>
<li>Probably not ideal for larger menus with dropdowns/more than half a dozen links</li>
</ul>
<p>The nice thing about this sort of navigation is the simplicity, I only use a single extra link in the source code to create the &#8220;Jump to navigation&#8221; that appears on small screens. The rest is a simple list, there&#8217;s no duplication of list+select and it doesn&#8217;t need javascript and the &#8220;navigate site&#8221; title is a pseudo element.</p>
<p>From current experience I&#8217;m finding Touchdown type scripts are a better way of updating larger navigation blocks, particularly those where they are a couple of levels deep with dropdowns etc. In the example here our clients website only has a few main sections so this is fine. As ever, this is some rough working code not a &#8220;you have to do this&#8221; so feel free to evaluate and use or not.</p>
<p>Hope it helps, I&#8217;d sure appreciate you sharing it if it does!</p>
<p>Related posts:<ol>
<li><a href='http://www.welcomebrand.co.uk/thoughts/a-few-responsive-development-resources/' rel='bookmark' title='A few responsive development resources'>A few responsive development resources</a></li>
<li><a href='http://www.welcomebrand.co.uk/thoughts/ie6-upgrade-script/' rel='bookmark' title='A simple IE6 upgrade script'>A simple IE6 upgrade script</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/welcomebrand/~4/xmsUC5kjG60" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.welcomebrand.co.uk/thoughts/a-simple-responsive-navigation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.welcomebrand.co.uk/thoughts/a-simple-responsive-navigation/</feedburner:origLink></item>
		<item>
		<title>Digital Barn – A thoroughly enjoyable day in Barnsley</title>
		<link>http://feedproxy.google.com/~r/welcomebrand/~3/a1Y7Tapw5mo/</link>
		<comments>http://www.welcomebrand.co.uk/thoughts/digital-barn-a-thoroughly-enjoyable-day-in-barnsley/#comments</comments>
		<pubDate>Sun, 12 Feb 2012 19:16:34 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Notes]]></category>

		<guid isPermaLink="false">http://www.welcomebrand.co.uk/?p=3618</guid>
		<description><![CDATA[Yesterday I took one for the team and instead of sitting on the sofa or going for a saturday bike ride, I went to a new event called Digital Barn put on at the impressive DMC in Barnsley.
No related posts.]]></description>
			<content:encoded><![CDATA[<p>Yesterday I took one for the team and instead of sitting on the sofa or going for a saturday bike ride, I went to a new event called <a title="The Digital Barn" href="http://thedigitalbarn.co.uk/">Digital Barn</a> put on at the impressive DMC in Barnsley.</p>
<p><strong>TL;DR:</strong> Great day, great range of speakers and topics and run fantastically well by <a title="mkjones" href="https://twitter.com/#!/mkjones">Kimb</a> and <a title="Matthew Watson" href="https://twitter.com/#!/mwtsn">Matthew</a> at the <a title="Barnsley_DMC" href="https://twitter.com/#!/Barnsley_DMC">Barnsley DMC</a>.</p>
<p><img class="alignnone size-full wp-image-3629" title="Barnsley DMC" src="http://www.welcomebrand.co.uk/wp-content/uploads/barnsley-dmc.jpg" alt="Barnsley DMC" width="948" height="462" /></p>
<p>Sadly I missed two talks, first <a href="http://jonnya.net/news/digital-barn-freelance-presentation/">Jonny Allbut about freelancing</a> and also <a href="http://www.chris-murray.net/2012/02/in-digital-barn.html">Tom Hudson&#8217;s about writing testable PHP</a> but got started with another well polished, impeccably delivered talk from everyone&#8217;s favourite Microsoft employee, Martin &#8220;<a title="thebeebs" href="https://twitter.com/#!/thebeebs">The Beebs</a>&#8221; Beeby.</p>
<h2>Martin Beeby</h2>
<p>As you&#8217;d expect from someone paid to talk to designers and developers at conferences, the Beebs has a really nice style talking at length about the reasons IE got into the mess it was and some of the very impressive steps Microsoft are taking with IE9 &amp; 10 to re-engage with the community and users to create a better product. Here are some of the notes I took from Martin&#8217;s talk.</p>
<ul>
<li>Microsoft are working hard to build a new OS with a great browsing experience and engaging users more to deliver that</li>
<li>IE6 WAS a great browser in the back, it won the browser wars. The mistake MS made was waiting 6 years to make updates</li>
<li>Microsoft didn&#8217;t consult enough with standards bodies and developers, they just looked internally for feedback</li>
<li>The big aim for IE9 &amp; 10 is to allow developers to confidently write  one and deploy without as many conditional hacks</li>
<li>MS have a more open attitude towards engaging with developers now, the IE10 public preview reported 17000[maybe 1700?] bugs that may otherwise have been missed in internal development testing</li>
<li>Microsoft are currently testing silent updates of IE6 to IE8 in Australia and Brazil with plans to push this global this year</li>
<li>Windows8/IE10 has a pointer API which allows development of mouse, touch and stylus input with a single codebase</li>
<li>IE10 is an application</li>
<li>IE9 displays text better than other browsers thanks to sub-pixel rendering &#8211; particularly when zoomed</li>
<li>The reason text-shadow wasn&#8217;t included in IE9 because in conjunction with sub-pixel rendering, it wasn&#8217;t fast enough</li>
<li>A demo of an IE10 site using offline caching was very impressive. Only had to visit site once with web connection for it to available offline (including seaching, pages not viewed yet etc)</li>
<li>Many demos and resources available at Martin&#8217;s site &#8211; <a title="Prepare for IE10" href="http://thebeebs.co.uk/prepare">http://thebeebs.co.uk/prepare</a></li>
</ul>
<p>A particular highlight of Martin&#8217;s talk is the <a title="What developers think of IE" href="http://youtu.be/Gp-FQN_v3AM">IE developer opinions video</a> comedy gold.</p>
<h2>Harry Roberts</h2>
<p>A lot of front end developers will know of <a title="@csswizardry" href="http://twitter.com/csswizardry">csswizardry</a> but amazingly, this was actually Harry&#8217;s first public talk &#8211; &#8220;Breaking good habits&#8221;. You wouldn&#8217;t have known, he delivered a good overview of his CSS and HTML workflow and techniques including the theme of abstract naming and creating flexible but robust code based on his experiences working for BSkyB and leading a major front end rebuild. These were my notes from Harry&#8217;s talk.</p>
<ul>
<li>Writing extensible code requires you to stop thinking in terms of &#8220;pages&#8221;. You need to try thinking more in terms of components and abstractions</li>
<li>Don&#8217;t use ID&#8217;s in your code &#8211; ever</li>
<li>Avoid being over specific with naming and css selectors</li>
<li>&#8220;CSS class names are neither semantic or not semantic; they are sensible or not sensible&#8221; and &#8220;it&#8217;s better to be pragmatic than pretty&#8221; (Quotes via <a title="Chris Murray's write up of Digital Barn" href="http://www.chris-murray.net/2012/02/more-from-digital-barn.html">Chris Murray&#8217;s write up</a>)</li>
<li>Strive to keep components free of dimensions then they&#8217;re easier to move around</li>
<li>Abstractions mean DRYer code</li>
<li>Better to build a solid site that doesn&#8217;t break than a pretty one that breaks and is inflexible</li>
</ul>
<blockquote><p>CSS ID&#8217;s are like marriage, easy to commit to but it&#8217;s easy to run into trouble later and further down the line, the children can be affected too. <cite>Harry Roberts</cite></p></blockquote>
<p>The main focus and drive for Harry&#8217;s talk was that you shouldn&#8217;t be scared to add in the occasional div (they&#8217;re &#8220;semantic freebies&#8221; after all) if it creates a more robust site. Semantics are good but sensible and solid coding is what everyone should aim for.</p>
<h2>Bruce Lawson</h2>
<p>Much like Martin, Bruce tours the world as a representative of Opera, and much of his talk was based on the work he does (and has done in the past) on accessibility in particular the amazing strides being made with HTML5 video including things like subtitling with live, selectable HTML text.</p>
<p>I have to admit I don&#8217;t work to the level of detail Bruce spoke about but I thoroughly enjoyed his talk and I&#8217;m happy knowing someone with that level of knowledge and passion is looking after this part of the web for us all.</p>
<h2>Matt Brailsford</h2>
<p>I missed Matt&#8217;s talk at the Umbraco festival last year about <a title="An introduction to Knockout.js" href="http://blog.mattbrailsford.com/2011/11/22/an-introduction-to-knockout-js/">Knockout.js</a> and as someone who doesn&#8217;t write any JS I have to admit the &#8220;intro&#8221; was a bit beyond me as it did contain samples of code which I didn&#8217;t understand but I know Pete and Tim who I went with were drooling at the simplicity and power on offer.</p>
<p>Matt did include a couple of demos including a super quick, simple todo list (be ashamed makers of todo list apps, it&#8217;s really not that hard!) and some filtering stuff which I definitely felt we could make use of in real applications for work so technical for sure but delivered in the Karminators usual casual style and he&#8217;s always a friendly chap to speak to after if you have any questions.</p>
<h2>Craig Burgess</h2>
<p>I really enjoyed Craig&#8217;s talk &#8220;The mad scientists of the information highway&#8221; which was a really well delivered, personal keynote about how he spends his time making things for the pleasure of doing it and that designers and developers working together on little fun, personal projects is a good thing (totally agree!).</p>
<p>Craig&#8217;s presentation style was excellent and as with the other speakers, the passion for the subject came through clear as anything and just made you want to get back home and start making all those little fun projects you didn&#8217;t start and moaned about stuff instead. His call to make things for the joy of making them rather than trying to monetise or get millions of likes is something I definitely subscribe to.</p>
<h2>Kevinjohn Gallagher</h2>
<p>Looking at my notes this morning, they simply said: &#8220;My new favourite angry man&#8221;.</p>
<p>It would be pretty easy to leave it at that and I&#8217;m sure anyone who&#8217;s seen Kevinjohn talk before probably knows he&#8217;s not one to pull punches. At Digital Barn his talk &#8220;The Emperors new clothes&#8221; took aim at a lot of things, including WordPress and their *unusual* development team setup and testing policy, why responsive web design is a sham, project management, some tenuous links to Star Trek slides and much more.</p>
<p>It was machine gun stuff and while I didn&#8217;t really agree with all of his points, I can&#8217;t argue with a great presentation style and saying some of the things he did to create discussion points because often taking an extremely strong view on something and then telling everyone else they&#8217;re wrong is a good way to at least start a discussion. It appears Kevinjohn is also more than happy to discuss his opinions over several beers too which is never a bad thing!</p>
<h2>A couple of post talk pints</h2>
<p>It was nice to go round the corner to a local with a lot of the attendees and have a couple of pints before heading home. It was a pleasure chatting with Bruce and Harry over a pint as I&#8217;d never met either. Lovely chaps. Sorry I didn&#8217;t get to catch up with a few of the other folks, there&#8217;s never enough time at these things! Perhaps someone should organise a conference without the conference bit. Just a twitter meetup!</p>
<p>Thanks to <a title="Tim Harbour" href="https://twitter.com/#!/timharbour">Tim</a> for dropping me off back in Huddersfield, much appreciated.</p>
<h2>Slides, blogs and other resources</h2>
<p>A few folks have written up their thoughts too</p>
<ul>
<li>Blog review - <a title="Chris Murray" href="http://www.chris-murray.net/2012/02/more-from-digital-barn.html">Chris Murray</a></li>
<li>Blog review &#8211; <a title="Offroadcode" href="http://offroadcode.com/blog/2012/2/11/browser-flavoured-dog-food/">Pete Duncanson</a></li>
<li>Blog review &#8211; <a title="Matt Brailsford" href="http://blog.mattbrailsford.com/2012/02/12/the-importance-of-local-events/">Matt Brailsford</a></li>
<li>Slides &#8211; <a title="Mad scientists of the information highway" href="http://do-some-thing.co.uk/things/the-mad-scientists-of-the-information-superhighway">Mad scientists of the information highway &#8211; Craig Burgess</a></li>
<li>Slides &#8211; <a title="Breaking good habits" href="http://speakerdeck.com/u/csswizardry/p/breaking-good-habits">Breaking Good Habits &#8211; Harry Roberts</a></li>
<li>Slides &#8211; <a title="An introduction to knockout.js" href="http://blog.mattbrailsford.com/2011/11/22/an-introduction-to-knockout-js/">An introduction to Knockout.js &#8211; Matt Brailsford</a></li>
</ul>
<h2>Feedback for the organisers</h2>
<p>Kimb &amp; Matthew put on a really top notch day, got really great speakers and venue and are just nice chaps. Can&#8217;t really argue with a day like that for the cost of £0.00 either. I&#8217;m sure I&#8217;ll speak for anyone else who was there and say I look forward to the next one &#8211; which I hope there will be!</p>
<h3>A bonus giveaway!</h3>
<p>I won a copy of Bruce and Remy Sharp&#8217;s <a title="Introducing HTML5" href="http://introducinghtml5.com/">Introducing HTML5</a> book, I&#8217;d like to give it away to a student or freelancer in Yorkshire. <a title="Follow me" href="http://twitter.com/welcomebrand">Follow me on Twitter</a> for that one while I try and figure a fair way to give it to someone :)</p>
<p><a href="http://www.google.co.uk/imgres?q=barnsley+dmc&amp;hl=en&amp;newwindow=1&amp;biw=1920&amp;bih=1085&amp;tbm=isch&amp;tbnid=FnaEQEHsZQu30M:&amp;imgrefurl=http://dm2creative.co.uk/&amp;docid=hAIWisP3oifyWM&amp;imgurl=http://dm2creative.co.uk/images/barnsley-dmc.jpg&amp;w=700&amp;h=467&amp;ei=_w44T8SnMJO5hAfvu8yeAg&amp;zoom=1&amp;iact=hc&amp;vpx=323&amp;vpy=144&amp;dur=1450&amp;hovh=183&amp;hovw=275&amp;tx=143&amp;ty=85&amp;sig=113280594124344272504&amp;page=1&amp;tbnh=112&amp;tbnw=152&amp;start=0&amp;ndsp=59&amp;ved=1t:429,r:1,s:0">Photo credit</a></p>
<p>No related posts.</p><img src="http://feeds.feedburner.com/~r/welcomebrand/~4/a1Y7Tapw5mo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.welcomebrand.co.uk/thoughts/digital-barn-a-thoroughly-enjoyable-day-in-barnsley/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.welcomebrand.co.uk/thoughts/digital-barn-a-thoroughly-enjoyable-day-in-barnsley/</feedburner:origLink></item>
	</channel>
</rss>

