<?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/"
xmlns:series="http://unfoldingneurons.com/"
><channel><title>I Make Things Work &#187; Web Development</title> <atom:link href="http://imakethingswork.com/category/web-development/feed" rel="self" type="application/rss+xml" /><link>http://imakethingswork.com</link> <description>Sane Shit Different Mane</description> <lastBuildDate>Sun, 05 Sep 2010 21:00:12 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <item><title>Three Firefox add-ons for web workers</title><link>http://imakethingswork.com/web-development/three-firefox-add-ons-for-web-workers</link> <comments>http://imakethingswork.com/web-development/three-firefox-add-ons-for-web-workers#comments</comments> <pubDate>Thu, 22 Oct 2009 22:32:11 +0000</pubDate> <dc:creator>Mathias Hellquist</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[add-on]]></category> <category><![CDATA[extensions]]></category> <category><![CDATA[firefox]]></category> <category><![CDATA[plugin]]></category><guid
isPermaLink="false">http://imakethingswork.com/?p=1746</guid> <description><![CDATA[Firefox Usage Worldwide in Sep 2009 by ottodv No modern computer should be without Firefox, it is even being installed by default on our machines at work by our IT team, and hey, it is free for anyone and everyone to download, so if you haven&#8217;t already, you should. It works on Windows, Mac and [...]<br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=7.3" /></div><div>Rating: 7.3/<strong>10</strong> (4 votes cast)</div><br
/>]]></description> <content:encoded><![CDATA[<div
class="wp-caption alignnone" style="width: 510px;"><a
href="http://www.flickr.com/photos/ottodv/4008952891/"><img
title="Firefox Usage Worldwide in Sep 2009" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/bbb6d2277e897cf775a4bd75b12a32fe.jpg" alt="Firefox Usage Worldwide in Sep 2009" width="500" height="231" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/ottodv/4008952891/">Firefox Usage Worldwide in Sep 2009</a> by <a
href="http://www.flickr.com/photos/ottodv/">ottodv</a></p></div><p>No modern computer should be without <a
href="http://www.firefox.com">Firefox</a>, it is even being installed by default on our machines at work by our IT team, and hey, it is free for anyone and everyone <a
href="http://www.mozilla.com/en-US/firefox/personal.html">to download</a>, so if you haven&#8217;t already, you should. It works on Windows, Mac and Linux.</p><p>There are a few things you can install to improve Firefox a bit though, and no one within a web design/development agency or similar work place, should be without the following three tools, if nothing else because it will make your life a LOT easier if your end product is web based in the slightest.</p><p><span
id="more-1746"></span></p><p><strong>1. Web Developer Toolbar:</strong> (<a
href="https://addons.mozilla.org/en-US/firefox/addon/60">download here</a>)</p><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/indieflickr/354724455/"><img
title="Firefox Web Developer Add-on" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/d0c8fb5bd48a441588578204030b3498.jpg" alt="Firefox Web Developer Add-on" width="240" height="34" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/indieflickr/354724455/">Firefox Web Developer Add-on</a> by <a
href="http://www.flickr.com/photos/indieflickr/">John Griffiths</a></p></div><p>Don’t let the name fool you, anyone working with anything web related should have this installed in their Firefox (which possibly should be your main browser for checking web sites). It allows you to check <a
href="http://en.wikipedia.org/wiki/Alt_attribute">alt attributes</a> for images, it links off to <a
href="http://validator.w3.org">different validators</a>, it allows you to disable CSS, images, it can show you the colour palette of the web site you are looking at etc. In short, if you explore it a bit it will make you sound really knowledgeable on these topics, mainly because you will be.</p><p>You can read more about what it can do over at <a
href="http://sixrevisions.com/tools/firefox_web_developer_extension_toolbar/">Six Revisions</a> and also over at <a
href="http://tips.webdesign10.com/web-developer-toolbar.htm">WebDesign10</a>.</p><p><strong>2. Quick Java (and JavaScript):</strong> (<a
href="https://addons.mozilla.org/en-US/firefox/addon/1237?id=1237">download here</a>)</p><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/ceslava/3944280660/"><img
title="Crear acordeón con jQuery, jQuerify, SelectorGadget y Firebug | Videotutorial" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/b25f278018dc00f4724b6bc4c26cd8c9.jpg" alt="Crear acordeón con jQuery, jQuerify, SelectorGadget y Firebug | Videotutorial" width="240" height="151" /></a></p><p
class="wp-caption-text">Javascript etc</p></div><p>Even though you can switch off JavaScript with Web Developer Toolbar, this makes it even quicker, by placing icons in your status bar.</p><p>The benefit with this is that <a
href="http://code.google.com/p/swfobject/">if Flash has been implemented correctly</a> this also turns off <a
href="http://get.adobe.com/flashplayer/">Flash</a> on the website, and we very often make Flash web sites/components where you have to check/verify the non-flash version of it. This extension makes this a 2-second job (click it, refresh page).</p><p><strong>3. Clear Cache Button:</strong> (<a
href="https://addons.mozilla.org/en-US/firefox/addon/1801">download here</a>)</p><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/anisation/4035555726/"><img
title="Kitten" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/8508dd713b3418cc490e78a8865dcefb.jpg" alt="Kitten" width="240" height="135" /></a></p><p
class="wp-caption-text">No cache image to be found <img
src='http://s3imtw.s3.amazonaws.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p></div><p>…and yes, very often the first question a developer will ask you is “<em>have you cleared your cache? Are you sure? Really?</em>” when you approach them with a &#8220;<em>&#8230;but it isn&#8217;t working!?! I can&#8217;t see anything new!</em>&#8220;.</p><p>If you have this installed you can turn this as well into a 2 second job (like above, click it, refresh page), without having to do a massive menu-search-and-find exercise.</p><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/zdstudioblog/3620607683/"><img
title="firebug" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/1f1880de142fe7c54f36e8c0b44a520a.jpg" alt="firebug" width="240" height="96" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/zdstudioblog/3620607683/">firebug</a> by <a
href="http://www.flickr.com/photos/zdstudioblog/">zulsdesignblog</a></p></div><p>If you are keen on REALLY finding out how web sites work, also check out <a
href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug</a>.<br
/> It will show you download speeds of particular files, allow you to inspect any element of a page etc and is a power house of nifty functions. It even comes with plugins of its own. You can read more about that <a
href="http://www.techhail.com/internet/firebug-and-popular-firebug-extensions/73">over at Tech Hail</a>.</p><p>Ok. That was actually four add-ons, but that is ok, they are all good.</p><p>Have you installed them all?<br
/> Good. We just turned up the web savviness a notch.</p><p>You can thank me later.</p> <br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=7.3" /></div><div>Rating: 7.3/<strong>10</strong> (4 votes cast)</div><br
/>]]></content:encoded> <wfw:commentRss>http://imakethingswork.com/web-development/three-firefox-add-ons-for-web-workers/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Sponsor the W3C validator</title><link>http://imakethingswork.com/web-development/sponsor-the-w3c-validator</link> <comments>http://imakethingswork.com/web-development/sponsor-the-w3c-validator#comments</comments> <pubDate>Mon, 26 Jan 2009 23:20:51 +0000</pubDate> <dc:creator>Mathias Hellquist</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[front-end development]]></category> <category><![CDATA[semantic code]]></category> <category><![CDATA[validator]]></category> <category><![CDATA[w3c]]></category><guid
isPermaLink="false">http://imakethingswork.com/?p=252</guid> <description><![CDATA[W3C no valida CSS by arrayexception Blimey, found this in my list of drafts, guess I didn&#8217;t finish it because I started it between dishes during Xmas Day and family weren&#8217;t too impressed with me typing away on computer. Anyways, just wanted to highlight that the guys behind the W3C validator (still) need support. Without [...]<br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=7.0" /></div><div>Rating: 7.0/<strong>10</strong> (1 vote cast)</div><br
/>]]></description> <content:encoded><![CDATA[<div
class="wp-caption alignnone" style="width: 510px;"><a
href="http://www.flickr.com/photos/arrayexception/4019272545/"><img
title="W3C no valida CSS" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/722a875208effa7f989afb0b30f5eff5.jpg" alt="W3C no valida CSS" width="500" height="255" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/arrayexception/4019272545/">W3C no valida CSS</a> by <a
href="http://www.flickr.com/photos/arrayexception/">arrayexception</a></p></div><p>Blimey, found this in my list of drafts, guess I didn&#8217;t finish it because I started it between dishes during Xmas Day and family weren&#8217;t too impressed with me typing away on computer.</p><p>Anyways, just wanted to highlight that the guys behind the W3C validator (still) need support. Without the HTML validator (and the CSS validator etc) the landscape of what today is &#8220;semantic HTML&#8221; would have been infinitely different, and regardless of your thoughts on W3C being fast/slow moving or if you like/dislike how they decide things, the validator(s) have been there all along, for you, me and us all to use. They have created assurance where there wasn&#8217;t any, they have been a support when you needed them and they have been nagging you and forcing you to up your game when it comes to your code. If you work with front-end code in the slightest they have played a major part in how your work has been shaped.</p><p><span
id="more-252"></span></p><p>Now, however, they do need your help. Running, hosting and updating the validators isn&#8217;t free. How this can be done has already been said perfectly by <a
href="http://www.molly.com">Molly</a> so I shall <a
href="http://www.molly.com/2008/12/11/w3c-validators-in-jeopardy/">quote her</a> instead:<br
/> <em></p><div
class="wp-caption right" style="width: 169px;"><em><a
href="http://www.flickr.com/photos/hellquist/3668988191/"><img
title="dsc_5760" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/d03fab28f2b275059b9e2f08b8f0322b.jpg" alt="dsc_5760" width="159" height="240" /></a></em></p><p
class="wp-caption-text"><em><a
href="http://www.flickr.com/photos/hellquist/3668988191/">dsc_5760</a> by <a
href="http://www.flickr.com/photos/hellquist/">mathiashellquist</a></em></p></div><p>We’ve set up a donation system to allow for a number of different donations concepts: Donor, Sponsored, Community Fundraising, and in the spirit of open source and standards, plenty of opportunity to give of your time and knowledge to assist with the work.<br
/> It works like this:<br
/> * Donor: A donor is anyone interested in donating money to the cause. A micropayment of 1.00 USD if the validator “saves your day” can be very helpful!<br
/> * Sponsor: A sponsor is a company or organization that donates to the W3C<br
/> * Community Fundraising: There are two badges available at the W3C that link to the fundraising page. If you support the validator, encourage others by placing a badge on your site and blogging about the topic<br
/> * Time Not Money: If you cannot or do not wish to donate money, your time is as or even more valuable. There are opportunities to help the W3C maintain and grow validation services. &#8211; <a
href="http://www.molly.com/2008/12/11/w3c-validators-in-jeopardy/" title="http://www.molly.com/2008/12/11/w3c-validators-in-jeopardy/" class="autohyperlink" target="_blank">www.molly.com/2008/12/11/w3c-validators-in-jeopardy/</a><br
/> </em></p><p>There you have it. You might notice I have my little badge in the footer, not to say that this site validates (as that would be a lie, but hey, you are here, you are reading the site, and I am aware of that it doesn&#8217;t validate) but instead to <a
href="http://www.w3.org/QA/Tools/Donate">make it easier for you to donate</a> what you can for a worthy cause, or for <a
href="http://www.w3.org/QA/Tools/Donate#donate_community">you to get a badge of your own</a>.</p> <br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=7.0" /></div><div>Rating: 7.0/<strong>10</strong> (1 vote cast)</div><br
/>]]></content:encoded> <wfw:commentRss>http://imakethingswork.com/web-development/sponsor-the-w3c-validator/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Feed Ticket</title><link>http://imakethingswork.com/web-development/feed-ticket</link> <comments>http://imakethingswork.com/web-development/feed-ticket#comments</comments> <pubDate>Mon, 19 Jan 2009 14:24:53 +0000</pubDate> <dc:creator>Mathias Hellquist</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[feedburner]]></category> <category><![CDATA[google]]></category> <category><![CDATA[rss]]></category><guid
isPermaLink="false">http://imakethingswork.com/?p=570</guid> <description><![CDATA[rss by Jinho.Jung This is just general information for house keeping issues regarding this site. If you are one of the people who follow this site via the RSS feed, there may or may not be issues in the next few weeks. For my feed I am using the very competent and clever services provided [...]<br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=0.0" /></div><div>Rating: 0.0/<strong>10</strong> (0 votes cast)</div><br
/>]]></description> <content:encoded><![CDATA[<div
class="wp-caption left" style="width: 138px;"><a
href="http://www.flickr.com/photos/phploveme/4028526842/"><img
title="rss" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/2c7ae6b37bb382d539e6dc343de95a8c.png" alt="rss" width="128" height="128" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/phploveme/4028526842/">rss</a> by <a
href="http://www.flickr.com/photos/phploveme/">Jinho.Jung</a></p></div><p>This is just general information for house keeping issues regarding this site. If you are one of the people who follow this site via the RSS feed, there may or may not be issues in the next few weeks. For my feed I am using the very competent and clever services provided by <a
href="http://www.feedburner.com">Feedburner</a>. Now, I am not the only one finding them good, and in fact Google found Feedburner so good they decided to buy the company.</p><p><span
id="more-570"></span></p><p>As I (like most of western society) have a Google account, the theory is that the transition from Feedburner to Google will be fairly seam-less, and that we will notice little to no change in how the service works. The reality is currently somewhat confusing though, and I right now feel like I&#8217;m in between two accounts, and not entirely sure which one it picks up. Last night I could log-in to my &#8220;new&#8221; account (using my Google username etc) on the Feedburner site, after some confused clicking around. Today I can&#8217;t, as in at all, and have to use my old Feedburner credentials. One of the feeds has 0 subscribers, the other one has the old number, both of them pointing to the originating feed from this site.</p><p>I&#8217;m letting you know I shall hopefully have clarity on the matter in the next few weeks, and that it until then might be patchy on the RSS front. Otherwise: be careful out there.</p><p>Edit: Apparently not just me: <a
href="http://www.techcrunch.com/2009/01/22/feedburner-needs-to-get-it-together/" title="http://www.techcrunch.com/2009/01/22/feedburner-needs-to-get-it-together/" class="autohyperlink" target="_blank">www.techcrunch.com/2009/01/22/feedburner-needs-to-get-it-together/</a> can tell you more about it.</p><p>Edit2: This article is obviously dated now, and it all seems to be back and working in normal fashion.</p> <br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=0.0" /></div><div>Rating: 0.0/<strong>10</strong> (0 votes cast)</div><br
/>]]></content:encoded> <wfw:commentRss>http://imakethingswork.com/web-development/feed-ticket/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Back To The Future Of The Web</title><link>http://imakethingswork.com/featured/back-to-the-future-of-the-web</link> <comments>http://imakethingswork.com/featured/back-to-the-future-of-the-web#comments</comments> <pubDate>Wed, 14 Jan 2009 00:56:54 +0000</pubDate> <dc:creator>Mathias Hellquist</dc:creator> <category><![CDATA[Featured]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[facebook]]></category> <category><![CDATA[social networking]]></category> <category><![CDATA[web 2.0]]></category><guid
isPermaLink="false">http://imakethingswork.com/?p=510</guid> <description><![CDATA[Back to the Future? In April 2008 I wrote a blog post called FW: A question on what the &#8216;future web will resemble&#8217; where I was trying to predict (well, give my view&#8230;) how I saw the web would pan out in the near future. My conclusion, which was based entirely on my own personal [...]<br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=9.3" /></div><div>Rating: 9.3/<strong>10</strong> (3 votes cast)</div><br
/>]]></description> <content:encoded><![CDATA[<div
class="wp-caption alignnone" style="width: 510px;"><a
href="http://www.flickr.com/photos/visualities/4022322388/"><img
title="kaldi cafe" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/7499eb12f70ba3517719ba5cd7dea5a5.jpg" alt="kaldi cafe" width="500" height="316" /></a></p><p
class="wp-caption-text">Back to the Future?</p></div><p>In April 2008 I wrote a blog post called <a
href="http://imakethingswork.com/web-development/fw-a-question-on-what-the-future-web-will-resemble">FW: A question on what the &#8216;future web will resemble&#8217;</a> where I was trying to predict (well, give my view&#8230;) how I saw the web would pan out in the near future. My conclusion, which was based entirely on my own personal experiences and views, was that I would be looking for something somewhere that enabled me to manage &#8220;my web&#8221;, either on the web or as a desktop application, and which would bring my web to me, as opposed to forcing me to go to all these other sites and services to do various tasks.</p><p>I was reminded of that post today when I was reading this <a
href="http://www.readwriteweb.com/archives/diso_dashboard.php">article on ReadWriteWeb regarding a &#8220;central dashboard&#8221;</a>, which in turn linked off to both an <a
href="http://blog.broadbandmechanics.com/2009/01/diso-dashboard-outline-proposal">originating post by Marc Canter</a>, as this very much ties into the conclusion of my old blog post.</p><p><span
id="more-510"></span></p><p>Today however, one year later (give or take) I have expanded on the idea&#8230;or &#8220;brainchild&#8221; if you like, heavily inspired by attending various conferences and listening to people like <a
href="http://tantek.com/">Tantek</a> speaking about <a
href="http://microformats.org/">Microformats</a> and <a
href="http://microformats.org/wiki/hcard">hCards</a>, the guys from Dopplr talking about controlled sharing between services etc which has led me to add things to my wishlist, so Marc, if you would be reading this, can we add a few things, not only to the DiSO but also to the services?</p><h2>One Centralised User Profile</h2><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/benjaminj/3972601650/"><img
title="infographic inspiration" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/11d75f86390a24512c4376ecbdd374d8.jpg" alt="infographic inspiration" width="240" height="238" /></a></p><p
class="wp-caption-text">Complex</p></div><p>For example, I would like to have <strong>one</strong> online profile to update. Not two. Not 20. Not 200. One. It should be possible to synchronise that profile between whatever various Services I would be using. If I add another service, say Upcoming, it should ask me if I would like to start a profile OR if I have an existing profile that I would like to import.</p><p>Now people would, rightly so, point out that there most probably will be data disparity between the two services, and what might not be an input field at all on my profile for say last.fm might be a mandatory field on Upcoming, and this is obviously where it turns&#8230;tricky (please note, I wasn&#8217;t saying this was simple wishes, heck I didn&#8217;t even say they were possible) seeing as the amount of stakeholders between services in theory could be nigh on infinite. Just because it is somewhat tricky doesn&#8217;t mean I doesn&#8217;t want it though, and this is <strong>my</strong> wish list.</p><p>As the &#8220;Matt&#8217;s&#8221; from Dopplr pointed out though, quite a few things on profile pages for the various services we already do use, basically contain the same stuff, at least at the rudimentary level. Besides, the amount of data on a profile page is hardly that heavy nor scary, so if all services could incorporate a flexible system for adding a bunch of fields I think we&#8217;d find rather quickly that we have reached a general global profile need quite quickly, and the sites themselves could instead add a &#8220;Settings&#8221; page (or similar) for the data that is of interest to them and to no one else regarding the function of their service.</p><h2>One Centralised Friends List</h2><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/82934380@N00/3947360257/"><img
title="My Facebook Network" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/6fe8bb767d80001c425e066725956bf4.jpg" alt="My Facebook Network" width="240" height="147" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/82934380@N00/3947360257/">My Facebook Network</a> by <a
href="http://www.flickr.com/photos/82934380@N00/">dennisar</a></p></div><p>On that note, another thing I also would like would be One Friends list, that would be easily imported/exported between the services. In my case I have about 400 Facebook &#8220;friends&#8221;, about 200 Twitter friends (or people that I follow), another 200+ on LinkedIn etc. The vast majority of online friends actually are in that Facebook list though (which is bizarre as that is the service I use the least) and the duplication of friends is massive. It would be awesome if I could manage and maintain one friends list which highlighted when they added a new service, or indeed the other way around, if I added a new service (possibly from seeing some of my friends using it) I could just easily re-connect with these friends in the new service.</p><p>This, again, is where it turns tricky though (but as stated above, this is my wish list, not a blueprint, if you don&#8217;t like my wish list either complain in the comments or write your own), as there is one thing I know for sure: I do NOT want to share everything with everyone. Grouping of friends is really important, and to be able to allow me to target my content to those groups would be absolutely crucial, seeing as I have my mum, my boss, most colleagues, my heavy metal friends, my old role playing buddies, heck I even have (the few) &#8220;normal&#8221; friends on there somewhere etc on the various services and I most definitely could imagine sharing things with some of those groups that would be downright inappropriate to share with another group.</p><p>Also, as with Twitter, there might be people who I think I&#8217;m &#8220;friends&#8221; with and they think I&#8217;m not really their best buddy, and therefore they might not want to read my updates.</p><h2>Fictional Example</h2><p>So&#8230;say that this is the normal behaviour of Services in the future. A typical (but fictional) usage example might go something like this:</p><div
class="wp-caption left" style="width: 250px;"><a
href="http://www.flickr.com/photos/the-g-uk/3960626594/"><img
title="half empty half full" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/5df802b66116c7e9aac80ea8218964d6.jpg" alt="half empty half full" width="240" height="240" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/the-g-uk/3960626594/">half empty half full</a> by <a
href="http://www.flickr.com/photos/the-g-uk/">the|G|™</a></p></div><p>I sign up on Upcoming. It asks me if I would like to use my <a
href="http://en.wikipedia.org/wiki/Openid">OpenId</a> or create one, and I pick my existing <a
href="http://en.wikipedia.org/wiki/Openid">OpenId</a>. When it comes to the profile it offers me to either create a new user profile or to import one from my existing services. I choose to import my last.fm profile and Upcoming takes me to last.fm, where I again login with my <a
href="http://en.wikipedia.org/wiki/Openid">OpenId</a>, to verify that I allow Upcoming to in fact use my profile data.</p><p>I tweak my Settings page on Upcoming, which is now (this is the future, remember?) separate from the profile page, to make the site behave like I would like to. I then would like to find some mates. Again I am given the option to import a list of friends from another service, and I choose Facebook (that is where everyone are after all and it could be my One Central Friends List), and Upcoming takes me to Facebook, where I of course login with my <a
href="http://en.wikipedia.org/wiki/Openid">OpenId</a> and get to a page where I allow Upcoming to use my friends list. I don&#8217;t want to import ALL my (400+) friends to Upcoming though, only the select 30-40 that I choose to import. All is well, my 40 mates are in, and I get to split them up in 3 separate groups, &#8220;Metal Heads&#8221;, &#8220;Uber Geeks&#8221; and &#8220;Photography friends&#8221; to allow me granular control over what I share with which group.</p><p>Then I add my Upcoming details to my (DiSO?) Dashboard and I can manage the whole thing where I am, when I want. Or something. Over course: a few weeks later a couple of newly found friends have connected with me directly via Upcoming. When I login on Facebook it detects that I have &#8220;new friends&#8221; and asks me if I would like to import &#8220;the difference&#8221;, which I do.</p><h2>&#8230;not really a conclusion on this one&#8230;</h2><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/liquene/3974106956/"><img
title="Excuses!" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/60031c163f773799dbdd925a51244cab.jpg" alt="Excuses!" width="240" height="160" /></a></p><p
class="wp-caption-text">Happy ending?</p></div><p>Those are the two big additions I have, at least for now, but hey, in Social Networking/Apps/Media one could argue that your user profile (ie You) and your friends list (ie Your Network) are quite important and&#8230;umm&#8230;big.</p><p>If we could add that functionality to the various services it would make the DiSO Dashboard even more powerful, in particular if I could manage it all from it.</p><p>Thoughts? Comments? Scroll down.</p> <br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=9.3" /></div><div>Rating: 9.3/<strong>10</strong> (3 votes cast)</div><br
/>]]></content:encoded> <wfw:commentRss>http://imakethingswork.com/featured/back-to-the-future-of-the-web/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Where the Devil is&#8230;</title><link>http://imakethingswork.com/web-development/where-the-devil-is</link> <comments>http://imakethingswork.com/web-development/where-the-devil-is#comments</comments> <pubDate>Mon, 05 Jan 2009 15:17:46 +0000</pubDate> <dc:creator>Mathias Hellquist</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[form design]]></category> <category><![CDATA[grid design]]></category> <category><![CDATA[icons]]></category> <category><![CDATA[web design]]></category><guid
isPermaLink="false">http://imakethingswork.com/?p=368</guid> <description><![CDATA[Details This is a re-post of a blog post I wrote for another blog which is now defunct. The post itself is sort of timeless though so figured I could put it on this blog as well, if nothing else to archive it. Just tying together an e-mail I received with an article I read [...]<br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=8.7" /></div><div>Rating: 8.7/<strong>10</strong> (3 votes cast)</div><br
/>]]></description> <content:encoded><![CDATA[<div
class="wp-caption alignnone" style="width: 510px;"><a
href="http://www.flickr.com/photos/rk_9/4035633119/"><img
title="B O O K III" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/ce6d4ae7e709c14449260ad968579d41.jpg" alt="B O O K III" width="500" height="344" /></a></p><p
class="wp-caption-text">Details</p></div><p>This is a re-post of a blog post I wrote for another blog which is now defunct. The post itself is sort of timeless though so figured I could put it on this blog as well, if nothing else to archive it.</p><p>Just tying together an e-mail I received with an article I read and my general thinking of late (which was actually based on my flat, and what isn&#8217;t working in it, though it is shiny enough), I think we (as a generic mass of web site creators) too often overlook &#8220;the little things&#8221;, all of which combined create the overall feel, or lack of, for a product.</p><p><span
id="more-368"></span></p><p>Looking at a forest from afar usually generate &#8220;big, green&#8221; and even &#8220;over there&#8221; when someone describes it whilst not being in it. If you ask someone who actually is in the forest what they see, they look at leaves, branches, roots sticking up, rock formations, butterflies, birds and their singing, and all sorts of things, and they are pretty detailed in their description. Quite often it is that level of detail that forms the foundation for their feelings towards the subject matter, good or bad.</p><h2>Another angle</h2><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/sbisson/4032620717/"><img
title="Through the leaf" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/db1cb4d17a3fabbb0eea18d071074ac7.jpg" alt="Through the leaf" width="240" height="161" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/sbisson/4032620717/">Through the leaf</a> by <a
href="http://www.flickr.com/photos/sbisson/">sbisson</a></p></div><p>This has had me thinking lately about approaching design of web sites from the other angle, and to this end the e-mail I refer to, that was <a
href="http://www.thinkvitamin.com/features/design/home-sweet-home">pointing to this article</a> over at <a
href="http://www.thinkvitamin.com">Think Vitamin</a> written by <a
href="http://www.boagworld.com/">Paul Boag</a>, came in rather perfectly timed to my inbox. Paul says it a lot better than I could (please follow/read the links) but the consensus was basically to look at a site design <strong>not</strong> starting from the landing page or &#8220;home page&#8221;, but from the lower level content pages and work your way &#8220;up&#8221; to the home page. The theory being those pages amass the main bulk of content of the site anyways, so we&#8217;d better get those right, right? Besides, you don&#8217;t <strong>know </strong>where the user enters the site, do you?</p><p>This is where it tied into my own thinking of late; never finding enough time to actually design my own various personal sites I had been thinking I perhaps should start with the little things; <a
href="http://en.wikipedia.org/wiki/Favicon">favicon</a>, search form field and button, comment forms, list styles etc, and that it all, when put together, would look really cool (in my mind at least). This is where I also started realising that quite a lot of what we try to do (not only for my personal sites, but as web professionals), in the end, boils down to forms, which isn&#8217;t the sexiest of topics, but clearly one of importance to get absolutely right.</p><h2>Different priorities</h2><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/alphachimpstudio/4023107498/"><img
title="091018-SI_Fellows-Design-for-impact" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/f36bdc02577ee430870dc4cf6d9dea77.jpg" alt="091018-SI_Fellows-Design-for-impact" width="240" height="130" /></a></p><p
class="wp-caption-text">Measure success</p></div><p>I mean my designer colleagues would like sites that &#8220;look good&#8221;, me as a techie would like a site that &#8220;works well&#8221;, but what clients most often ask us for involves forms in one way or another, and said forms are often after thoughts to the design and the function of the site. In fact, pretty much the entire exercise of the site(s) often boil down to a sign-up form, a send-to-a-friend form, order forms, contact forms etc. It is all, not surprisingly really, very business led.</p><p>If it looks nice, well&#8230;nice. If it works well, well&#8230;fine. &#8220;<em>How many users signed up?</em>&#8220;, &#8220;<em>How many more units have I sold?</em>&#8221; and &#8220;<em>Which of my old customers signed up for the new product?</em>&#8221; are all questions it will all boil down to for the client when answering to their boss regarding Return Of Investment which is <strong>the only thing</strong> the boss really cares about.</p><h2>Your site visitor is a potential friend &#8211; treat them well</h2><div
class="wp-caption right" style="width: 244px;"><a
href="http://www.flickr.com/photos/jazzmasterson/2102426364/"><img
title="Hel Fucking Vetica" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/71885846527f63bb84c98a47f11a2967.jpg" alt="Hel Fucking Vetica" width="234" height="240" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/jazzmasterson/2102426364/">Hel Fucking Vetica</a> by <a
href="http://www.flickr.com/photos/jazzmasterson/">jazzmasterson</a></p></div><p>This is of course where <a
href="http://www.subtraction.com/">Khoi Vinh&#8217;s</a> <a
href="http://www.subtraction.com/archives/2007/0906_form_of_a_bo.php">post about an upcoming</a> <a
href="http://www.rosenfeldmedia.com/books/webforms/">book regarding forms</a> (yep, those are 3 separate links) struck a chord with me. That post links off to <a
href="http://www.lukew.com/ff/entry.asp?579">another site by the book author</a> as well as another article on the subject of <a
href="http://www.boxesandarrows.com/view/getting-a-forms">Forms For Financial Institutions</a>, both which highlight problems, and actual failings leading to customer drop off, with forms. And yes, you can probably learn a thing or two, even if your day job isn&#8217;t about financial institutions.</p><p>It also ties in nicely with my campaign at work in trying to get my colleagues to push back on clients that request massive sign-up forms &#8220;just in case&#8221; or &#8220;because they can [ask for it]&#8220;, for which I&#8217;m using <a
href="http://37signals.com/">37 Signals</a> Ryan Singer&#8217;s, of <a
href="http://www.basecamphq.com/">Basecamp</a> fame, excellent session at <a
href="http://www.futureofwebdesign.com/pastevents.html">FOWD London 2007</a> as ammunition, and you can find his <a
href="http://www.futureofwebdesign.com/presentations/ryan_singer.pdf">presentation over here</a>.</p><h2>Not Rocket Science, is it?</h2><div
class="wp-caption right" style="width: 190px;"><a
href="http://www.flickr.com/photos/78906930@N00/3901527177/"><img
title="Raygun Gothic Rocket" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/4a0cea24b3e9c927de539655a0399faf.jpg" alt="Raygun Gothic Rocket" width="180" height="240" /></a></p><p
class="wp-caption-text">Rocket Science</p></div><p>Now, Ryan just approaches the sign-up process with a logical and clear mind and a load of common sense, but my oh my was it refreshing! Simple things as &#8220;<em>it is more difficult to make things up than to tell the truth</em>&#8221; and &#8220;<em>make it easy for the users to sign up and play around</em>&#8221; all the way to &#8220;<em>only ask for more details when it is needed</em>&#8221; and &#8220;<em>the users don&#8217;t care about your product, they care about how cool they look when they are successful solving their task [with your product]</em>&#8220;.<br
/> That last one can be a sticking point for clients. The realisation that customers actually might not value the clients brand as much-ly as the client does sometimes seems like a mind hurdle for the client. It is only when you realise this though, and that the customers might turn to the competition, especially if they don&#8217;t have a 7 page form to fill in, where it might actually affect the bottom line. Better get those forms right eh?</p><h2>Small things to keep in mind</h2><p>It could also be that the competitions favicon in the customers bookmarks leads the eyes. It could be any number of small things. So do yourself a favour for your next project:</p><ul><li>Design from the ground up, create content pages before you create the main landing page.</li><li>Remember the forms, their layout (in <strong>different </strong>browsers&#8230;yes, do test&#8230;), and please please please think about where the error messages go on the screen.</li><li>Of course, style your forms so the are appealing and simple to fill in in the first place.</li><li>Create your favicon (yeah, I&#8217;m a big fan of those)</li><li>Yes, the site icons does matter.</li><li>&#8230;as does the hover states.</li></ul><p>&#8230;so yes, of course, the <a
href="http://www.usingenglish.com/reference/idioms/devil+is+in+the+detail.html">Devil is in the details</a>.</p><p>Have any more suggestions or comments on what usually is forgotten but shouldn&#8217;t be, or that perhaps have heightened your browsing experience lately? Please let me know. <img
src='http://s3imtw.s3.amazonaws.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p> <br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=8.7" /></div><div>Rating: 8.7/<strong>10</strong> (3 votes cast)</div><br
/>]]></content:encoded> <wfw:commentRss>http://imakethingswork.com/web-development/where-the-devil-is/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Site, server, continent re-jig</title><link>http://imakethingswork.com/web-development/site-server-continent-re-jig</link> <comments>http://imakethingswork.com/web-development/site-server-continent-re-jig#comments</comments> <pubDate>Thu, 01 Jan 2009 23:38:53 +0000</pubDate> <dc:creator>Mathias Hellquist</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[server management]]></category> <category><![CDATA[site]]></category> <category><![CDATA[site management]]></category><guid
isPermaLink="false">http://imakethingswork.com/?p=335</guid> <description><![CDATA[Sorry if things are moving around, links are broken or functionality missing. I have just moved the site, and I mean that in a quite physical kind of way: it was, until last night, hosted in Freemont, California, US. It is now hosted in London, UK. It has been on my mind for quite some [...]<br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=0.0" /></div><div>Rating: 0.0/<strong>10</strong> (0 votes cast)</div><br
/>]]></description> <content:encoded><![CDATA[<p>Sorry if things are moving around, links are broken or functionality missing. I have just moved the site, and I mean that in a quite physical kind of way: it was, until last night, hosted in Freemont, California, US. It is now hosted in London, UK.</p><p>It has been on my mind for quite some time, seeing as I have access to top class hosting on both continents, and I figured there wouldn&#8217;t be too many site visitors on new years day in any case. The main reason for the move was simple: the majority of my site visitors (70%) are based in UK and/or Europe, and having the site physically closer to the visitors means less &#8220;hops&#8221; and better response times.</p><p>The actual move was surprisingly straight forward, even though I (in a slightly wine induced state at 04.00 in the morning) forgot to take any type of back-up of anything. However, there probably is, and will be, some anomalies happening on the site until I&#8217;ve encountered them myself and corrected them.</p><p>Now you know. Bear with me, it will all be back to normal pretty soon. <img
src='http://s3imtw.s3.amazonaws.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p> <br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=0.0" /></div><div>Rating: 0.0/<strong>10</strong> (0 votes cast)</div><br
/>]]></content:encoded> <wfw:commentRss>http://imakethingswork.com/web-development/site-server-continent-re-jig/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>SEO/Accessibility misunderstandings</title><link>http://imakethingswork.com/web-development/seoaccessibility-misunderstandings</link> <comments>http://imakethingswork.com/web-development/seoaccessibility-misunderstandings#comments</comments> <pubDate>Sun, 14 Dec 2008 23:45:32 +0000</pubDate> <dc:creator>Mathias Hellquist</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[accessibility]]></category> <category><![CDATA[seo]]></category><guid
isPermaLink="false">http://imakethingswork.com/?p=168</guid> <description><![CDATA[User Experience diagram by Paul Veugen When creating a web site or other online content it is really important to ensure you haven&#8217;t broken SEO. Taking it even further, it is today (in the UK) a legal requirement to make that content Accessible to people (and devices), to ensure it is possible for your users [...]<br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=7.0" /></div><div>Rating: 7.0/<strong>10</strong> (1 vote cast)</div><br
/>]]></description> <content:encoded><![CDATA[<div
class="wp-caption alignnone" style="width: 410px;"><a
href="http://www.flickr.com/photos/pveugen/3182820590/"><img
title="User Experience diagram" src="http://farm4.static.flickr.com/3329/3182820590_21c18b3f59.jpg" alt="User Experience diagram" width="400" height="500" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/pveugen/3182820590/">User Experience diagram</a> by <a
href="http://www.flickr.com/photos/pveugen/">Paul Veugen</a></p></div><p>When creating a web site or other online content it is really important to ensure you haven&#8217;t broken SEO. Taking it even further, it is today (in the UK) a legal requirement to make that content Accessible to people (and devices), to ensure it is possible for your users to get to that content. This is also often where the misunderstandings begin.</p><p>Very often SEO/Accessibility specialists are being asked to &#8220;weave their magic&#8221; and to &#8220;do their thing&#8221; too early on in the project, already when there is no actual real ready-to-go-live content. It is too often being asked when the site consist of pretty pixels filled with &#8220;Lorem Ipsum&#8230;&#8221;. There is no text to extract keywords or to make cunning headlines from. Even worse, the request itself shows a deep lack of understanding to the task itself, and usually confirms that a checkbox on a project plan needs to be ticked so &#8220;why not do that now even though we are behind on the other things&#8221;.</p><p>So, lets clear this up a bit whilst keeping the nitty-gritty details out of it.</p><p><span
id="more-168"></span></p><h2>SEO, roughly and simplified, consist of three parts</h2><div
class="wp-caption right" style="width: 198px;"><a
href="http://www.flickr.com/photos/byronshell/2468121053/"><img
title="Black Magic SEO, SEO Comic" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/5cd3670bd299bfe70fab8c352fd932e5.jpg" alt="Black Magic SEO, SEO Comic" width="188" height="240" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/byronshell/2468121053/">Black Magic SEO, SEO Comic</a> by <a
href="http://www.flickr.com/photos/byronshell/">ByronShell</a></p></div><ol><li>Making sure there isn&#8217;t &#8220;too much&#8221; code (front-end, ie HTML/JavaScript/CSS) in the pages that will hinder search engine spiders scanning and indexing your content. You quite simply don&#8217;t want to much code to be &#8220;in the way&#8221; of the spiders as they&#8217;ll get tired and wander off. This is normally sorted by having coders that understand semantic code and W3C standards working on designs that are signed off.</li><li>SEO after that usually happens in teams that know and understand how buying keywords and cross site linking work. Those keywords then get deep-linked into either specific content pieces of the web site or link back to the home page.This obviously requires a few things in itself: An existing URL (to give :Google: etc something specific to link to) and a site map where the various pages actually respond to visits by the search engines when they want to verify the content and the keyword actually are relevant to each other.If you do this on a staging server (or in a non-live folder) you have to remap the entire thing as your linkage otherwise will point in the wrong directions.</li><li>The most important one: Content. Well written content at that. Content is King, and this is probably the area of web site creation where it is most painfully obvious.If in doubt, try almost any search term in :Google: and look at responses from :Wikipedia: which categorically ends up amongst the first responses, all without pretty pixels or amazing teams of SEO specialists fine-tuning and tweaking the content or buying keywords.Knowing when to repeat content and keywords and when not to also require skills (or at least an understanding) from the content editor/copy writer.</li></ol><h2>Things that often are misunderstood with Accessibility:</h2><div
class="wp-caption right" style="width: 195px;"><a
href="http://www.flickr.com/photos/homedesignss/4033010051/"><img
title="edilco-contemporary-decorative-staircases-3" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/7bf880b875afd8d8682cf213de92d7d3.jpg" alt="edilco-contemporary-decorative-staircases-3" width="185" height="240" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/homedesignss/4033010051/">edilco-contemporary-decorative-staircases-3</a> by <a
href="http://www.flickr.com/photos/homedesignss/">homedesignss</a></p></div><ol><li><em>&#8220;Checking all the checkboxes in the check list is the most important thing&#8221;</em>. Well, no.This request usually comes from someone at client side not fully understanding what this actually means, and being relayed to someone at agency side who also don&#8217;t fully understand it, so lets clarify: if you indeed can tick all the boxes, well done. It is not a bad thing, so don&#8217;t take this the wrong way.It should be noted it isn&#8217;t the be-all-end-all though.<p>If you have tried to check them all, but have a decent reason to why one in particular can&#8217;t be checked without spending 100% more time/budget on it, you are usually off quite fine still, and if you in your attempt to make your site/service Accessible have tried to check them all and failed to check one your site is most probably going to be one of the leading sites out there when it comes to an Accessibility perspective.</p><p>Just like code validation it could be seen as a target, but it doesn&#8217;t have to be the goal. Our goal should not be to display various logos from Bobby or W3C, our goal should be to create an Accessible site for as many users as possible. If you, for whatever reason, fail to check a box, tell your users how/why on the Accessibility statement, and if at all possible, point them to an alternative source for that content.It should also be noted that the checklist itself often is dated compared to new technological advancements and increased capability of the tools disabled people are using. At times, checking every Accessibility checklist check box can, depending on your target audience, create a less Accessible experience, which leads on to&#8230;</li><li>Accessibility Statements. It is a debated point, where some claim they are useless and some say they are really important. Depending on how you treat your Accessibility statement they can probably help.Remember though: this is not where you &#8220;brag&#8221; about what you&#8217;ve done, in a business language so dry it turns into a misguided PR campaign in itself.Instead this is where you have a golden opportunity to communicate with your users in a language they understand, and where you tell them what you have done, what you haven&#8217;t done and to otherwise help them to navigate your site/service in alternative ways.However, until you&#8217;ve actually done the work, and figured out what you have/haven&#8217;t done, it makes little to no difference in having the statement itself as it then will be in a state between either empty or a wish-list-yet-to-happen, which obviously can be a good thing, but it then should be called &#8220;work-in-progress statement&#8221; or something.</li></ol><p>Though this list above is not extensive by any means it would be a good start if more people knew at least some of it by heart, so they therefore understood why some things can&#8217;t be done in the order they are being asked to be done. If it helps one project understand the value of creating a site for its users first and foremost we can do the other bits, such as SEO and Accessibility statements, as well, because they are important, true enough. They are not more important than the actual content though, and never will be.</p> <br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=7.0" /></div><div>Rating: 7.0/<strong>10</strong> (1 vote cast)</div><br
/>]]></content:encoded> <wfw:commentRss>http://imakethingswork.com/web-development/seoaccessibility-misunderstandings/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>FW: A question on what the &#8216;future web will resemble&#8217;</title><link>http://imakethingswork.com/web-development/fw-a-question-on-what-the-future-web-will-resemble</link> <comments>http://imakethingswork.com/web-development/fw-a-question-on-what-the-future-web-will-resemble#comments</comments> <pubDate>Wed, 16 Apr 2008 03:44:35 +0000</pubDate> <dc:creator>Mathias Hellquist</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[facebook]]></category> <category><![CDATA[social networking]]></category> <category><![CDATA[web 2.0]]></category><guid
isPermaLink="false">http://imakethingswork.com/?p=55</guid> <description><![CDATA[A somewhat likely meeting&#8230; by Don Solo Some time ago I, and several other colleagues, was asked by my managing director if I could help out answering what the &#8220;Future Web Will Resemble&#8221;. The following was my email reply to him, but I think it holds up as a blog post as well. I have [...]<br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=10.0" /></div><div>Rating: 10.0/<strong>10</strong> (1 vote cast)</div><br
/>]]></description> <content:encoded><![CDATA[<div
class="wp-caption alignnone" style="width: 510px;"><a
href="http://www.flickr.com/photos/donsolo/3973487999/"><img
title="A somewhat likely meeting..." src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/43cbad772aff72ad9b2f45e2219b9924.jpg" alt="A somewhat likely meeting..." width="500" height="375" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/donsolo/3973487999/">A somewhat likely meeting&#8230;</a> by <a
href="http://www.flickr.com/photos/donsolo/">Don Solo</a></p></div><p><em>Some time ago I, and several other colleagues, was asked by my managing director if I could help out answering what the &#8220;Future Web Will Resemble&#8221;. The following was my email reply to him, but I think it holds up as a blog post as well. I have expanded/clarified it slightly and also corrected obvious spelling mistakes or punctuation.</em></p><p>For me personally: I think the future of the web will be more geared towards offline, only managed online, so these are some that pop up in my head right now. First the ingredients:<br
/> <span
id="more-55"></span></p><h2>Facebook novelty wears off</h2><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/mujitra/4039942772/"><img
title="Facebook." src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/e26341be72927c3cf2894b1ea1192eed.jpg" alt="Facebook." width="240" height="160" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/mujitra/4039942772/">Facebook.</a> by <a
href="http://www.flickr.com/photos/mujitra/">mujitra (´･ω･)</a></p></div><p>There is already talks about &#8220;Facebook adaption rate in UK dropping off&#8221; and similar for most online social networking sites. Facebook suicides are common, I have several friends who have killed their Facebook profiles. In short, after the first &#8220;love&#8221; has died out with social networking people start to think sites like Facebook actually drain more energy than it gives. Besides, deleting apps you never wanted sent by &#8220;friends&#8221; that you have lost touch with (probably for a reason), isn&#8217;t all that it&#8217;s cracked up to be.</p><h2>Non-instrusive services and &#8220;communities&#8221; gain better foothold</h2><div
class="wp-caption right" style="width: 250px;"><a><img
src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/e6b69a601245a2cb2f3478efaaa7dd9c.jpg" alt="" width="240" height="120" /></a></p><p
class="wp-caption-text">Many places</p></div><p>In the backlash of Facebook, enter services like Flickr, Upcoming, Dopplr and Twitter. They ask nothing of you. They don&#8217;t show you ads. If you want to contribute, fine, they will help you do so, if you don&#8217;t want to, just browse, and in the cases of Flickr and Upcoming they actually help you sort out things in your offline world, only making it visible online. I am part of several groups in both Flickr and Upcoming where I meet the other group members more or less regularly and the only common denominator is that we are members of the same site/group and that we share interests (Photography, Gigs, Web Development etc).</p><p>Unlike Facebook, which allows me to keep in electronic touch with &#8220;friends&#8221; I normally don&#8217;t socialize with any longer, Flickr and Upcoming helps me do things off-line, with likeminded people. Flickr and Upcoming are apps-free, clutter-free, spam-free, ad-free, clever and to the point.</p><h2>Adobe Air and desktop apps that go online</h2><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/jcpiercy/3926129034/"><img
title="Flickroom - BETA" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/3582e1dbd3b3fc1c6d57109c9a972b19.jpg" alt="Flickroom - BETA" width="240" height="176" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/jcpiercy/3926129034/">Flickroom &#8211; BETA</a> by <a
href="http://www.flickr.com/photos/jcpiercy/">johnpiercy</a></p></div><p>I also think &#8220;online&#8221; will be different from a marketing perspective, with desktop apps built in <a
href="http://www.adobe.com/products/air/">Adobe Air</a>, that connects to the internet but doesn&#8217;t take the long route via your browser.</p><p>This also will mean we know a lot more about the user and their setup, not to mention their interests which means we will  know if they are interested in what you have to sell, AND that they have capabilities to see anything/everything we throw at them.</p><h2>API&#8217;s</h2><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/seokchanyun/4021302446/"><img
title="Twitter API book" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/72b58c2a947e9d91133102f83cce05af.jpg" alt="Twitter API book" width="240" height="180" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/seokchanyun/4021302446/">Twitter API book</a> by <a
href="http://www.flickr.com/photos/seokchanyun/">Channy Yun</a></p></div><p><a
href="http://en.wikipedia.org/wiki/Api">Application Programming Interfaces (API)</a> will hit home everywhere on most sites that have/provide data and/or services.<br
/> API&#8217;s are about enabling other sites to connect to, and use the data provided by your service. What better way to market your excellent service than to let someone else (users and other services) do it for you? Flickr, Upcoming, Twitter, Dopplr, <a
href="http://maps.google.co.uk">Google Maps</a>, YouTube etc are all excellent examples of this and their API&#8217;s have played a big part in their spread and uptake.</p><h2>iPhone&#8217;s competition forces changes to how we see, and create, mobile internet</h2><div
class="wp-caption right" style="width: 190px;"><a
href="http://www.flickr.com/photos/salochin/4039963330/"><img
title="iMac &amp; iPhone" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/0fa17beef7abbf94972e4b7f5bcf9865.jpg" alt="iMac &amp; iPhone" width="180" height="240" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/salochin/4039963330/">iMac &amp; iPhone</a> by <a
href="http://www.flickr.com/photos/salochin/">@NickyColman</a></p></div><p>It is not a secret that the iPhone has already done this, but only for its current users. What the iPhone has highlighted though is the benefits of being able to use mobile internet in a proper graphical way (often via an API with a new presentation layer), much like what we are used to in our computers (WAP anyone? Didn&#8217;t think so&#8230;). iPhone took the first step, now Nokia, SonyEricsson, Motorola, Samsung etc, who hold the larger chunks of market share are all dying to get in there, all of which is a good thing for us as creators of services. Microsoft has signed deals with Nokia for pushing out Silverlight, Google Android starts off with the HTC phones, but will expand their offering soon to other phone makers.</p><h2>OpenID will hit home</h2><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/gellenburg/3856429831/"><img
title="Announcing Tonido OpenID - Truly Decentralized Identity Management | CodeLathe Blog" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/10cc44deb4f88a286f8a59178e2c0186.jpg" alt="Announcing Tonido OpenID - Truly Decentralized Identity Management | CodeLathe Blog" width="240" height="240" /></a></p><p
class="wp-caption-text">OpenID</p></div><p><a
href="http://openid.net/">OpenID</a>, already being adopted by the big names out there, will mean that users only will need one login, for all their online needs, despite them being signed up to various services by various providers. You don&#8217;t have to remember hundreds of passwords any more.</p><h2>Conclusion: So&#8230;the future of the web will resemble&#8230;</h2><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/benjibot/3141128891/"><img
title="Computer says no_" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/4f96e492924325830225700d598a0aa3.jpg" alt="Computer says no_" width="240" height="180" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/benjibot/3141128891/">Computer says no_</a> by <a
href="http://www.flickr.com/photos/benjibot/">benjibot</a></p></div><p>Data owners will realise that it is more important for people to use and trust their service than anything else, as this builds current and future revenue streams. This will lead to sites and services that are specialised, but really good at what they do, with API&#8217;s that make them accessible on all devices (mobile or not) and especially within other services you might be using (Facebook or not), possibly by tying them all together in an <a
href="http://www.adobe.com/products/air/">Air</a> desktop application created by someone like Netvibes.</p><p>Or it will be completely different and you can either ignore this e-mail, or save it for future pub laughs. <img
src='http://s3imtw.s3.amazonaws.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p> <br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=10.0" /></div><div>Rating: 10.0/<strong>10</strong> (1 vote cast)</div><br
/>]]></content:encoded> <wfw:commentRss>http://imakethingswork.com/web-development/fw-a-question-on-what-the-future-web-will-resemble/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Details &#8211; can&#8217;t see the forest for all the trees</title><link>http://imakethingswork.com/web-development/details-cant-see-the-forest-for-all-the-trees</link> <comments>http://imakethingswork.com/web-development/details-cant-see-the-forest-for-all-the-trees#comments</comments> <pubDate>Fri, 04 Apr 2008 07:00:09 +0000</pubDate> <dc:creator>Mathias Hellquist</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[design]]></category> <category><![CDATA[forms]]></category> <category><![CDATA[grids]]></category> <category><![CDATA[web design]]></category><guid
isPermaLink="false">http://imakethingswork.com/?p=38</guid> <description><![CDATA[I have spoken about the details as a topic and their importance within web design/development elsewhere   but just to continue on the same topic I read this article at A List Apart today which delves further into the importance of details when presenting creative concepts to clients, and getting it 100% right.Now, all of the tips given in that article are sound and reasonable...<br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=8.0" /></div><div>Rating: 8.0/<strong>10</strong> (2 votes cast)</div><br
/>]]></description> <content:encoded><![CDATA[<div
class="wp-caption alignnone" style="width: 510px;"><a
href="http://www.flickr.com/photos/keyg3n/4040810846/"><img
title="under" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/ecbfc7ef2aa4ab5b19b698830eb81f5e.jpg" alt="under" width="500" height="333" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/keyg3n/4040810846/">under</a> by <a
href="http://www.flickr.com/photos/keyg3n/">-Travel Man-</a></p></div><p>I have spoken about the details as a topic and their importance within web design/development <a
title="Wouldyouliketoknowmore blog (external link)" href="http://www.wouldyouliketoknowmore.net/?p=98">elsewhere</a> <a
title="Wouldyouliketoknowmore blog (external link)" href="http://www.wouldyouliketoknowmore.net/?p=98"> </a> but just to continue on the same topic I read <a
title="A List Apart (external link)" href="http://www.alistapart.com/articles/designisinthedetails">this article</a> at A List Apart today which delves further into the importance of details when presenting creative concepts to clients, and getting it 100% right.</p><p>Now, all of the tips given in that article are sound and reasonable, and I agree on pretty much the entire article, but I also know from experience that what Joel describes in his classic <a
title="Joelonsoftware article (external link)" href="http://www.joelonsoftware.com/articles/fog0000000356.html">Iceberg article</a> is completely true as well, even to this day. And the two completely contradict each other.</p><p><span
id="more-38"></span></p><h2>Worlds Apart</h2><div
class="wp-caption right" style="width: 240px;"><a
href="http://www.flickr.com/photos/endlessstudio/4012605081/"><img
title="Pocket Puzzle" src="http://farm4.static.flickr.com/3487/4012605081_da36f086bd_m.jpg" alt="Pocket Puzzle" width="230" height="212" /></a></p><p
class="wp-caption-text">Unsolvable puzzle?</p></div><p>It is obviously the combination of knowing both those two contradictory facts that creates a problem for developers. Most non-developers have a real problem understanding the complexities, thinking and planning that goes on behind/before/during development. -&#8221;<em>How hard can it be? It is all THERE!!</em> &#8221; <span
style="color: #808080;">*pointing at screen with pretty Photoshop mockup*</span></p><p>When it comes to web/marketing led development those pretty mockups from the designers quite often is what sold the project to the client in the first place, so there is rarely a way around this, the projects are most often only given go-ahead after visual designs have been presented. Too often the question &#8220;<em>what does it look like?</em> &#8221; is treated as more important to &#8220;<em>what can it do?</em> &#8221; or &#8220;<em>which business problem are we solving?</em> &#8220;.</p><h2>Pretty pixels rule</h2><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/stephenbegin/3912249329/"><img
title="LCD II" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/c3d8aa5a69488fb9cf9c1f9839a954e7.jpg" alt="LCD II" width="240" height="160" /></a></p><p
class="wp-caption-text">Pretty pixels</p></div><p>I think this is because these presentations mostly are held by marketing people in the agencies, and the audience often is the marketing department of the client. They like pretty pixels. It makes the product feel more tangible. &#8220;Brand exercise&#8221; has become synonymous with &#8220;<em>where is my logo placed in relation to the other things on the screen, and what prominence does it have?</em> &#8220;, and quite often forgetting that brand loyalty can be built by providing an awesome service that actually helps people to do things (apart from crying of happiness by looking at the clients logo) BUT that will take some time to actually develop/realise.</p><p>If it doesn&#8217;t exist already someone has to build it from scratch. Quite often that someone is working in my team and he/she will need time chipping away on lines of code, which doesn&#8217;t take the creative much further visually&#8230;it can even appear to have ground to a halt because &#8220;<em>nothing new seems to be happening!</em> &#8221; (and even more commonly, as the development takes time the client thinks it is alright to do changes to the designs whilst waiting, often without realising that adds even more development time).</p><h2>But&#8230;what does it DO?</h2><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/jeffwerner/4038570136/"><img
src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/43950e8aa700a277bd4eec1d85bfa373.jpg" alt="" width="240" height="180" /></a></p><p
class="wp-caption-text">Cool&#8230;whatever it is&#8230;would you buy it?</p></div><p>Also, I often say &#8220;<em>my team takes designs and from them they create experiences</em> &#8221; but that is only true if there is an experience to be had in the first place. Surely said brands &#8220;<em>do</em> &#8221; something. Can&#8217;t they &#8220;<em>do</em> &#8221; it, or something in line with that, online? Here&#8217;s a thought: if you can&#8217;t think of something you actually can do/give to your clients, are you ready to have a campaign/site/service/advertising?</p><h2>The trend setters all errr&#8230;work!</h2><div
class="wp-caption right" style="width: 250px;"><a
href="http://www.flickr.com/photos/40943435@N07/3768737283/"><img
title="Innovations-slightware" src="http://s3imtw.s3.amazonaws.com/wp-content/uploads/HLIC/d68dd9225a3737df8215bff627130ce7.jpg" alt="Innovations-slightware" width="240" height="185" /></a></p><p
class="wp-caption-text"><a
href="http://www.flickr.com/photos/40943435@N07/3768737283/">Innovations-slightware</a> by <a
href="http://www.flickr.com/photos/40943435@N07/">Slightware</a></p></div><p>Pretty much all the big brands online are based on good services first and foremost. I&#8217;m pretty sure google (Search, Maps, Mail, Notes etc), scrapblog , twitter, flickr, upcoming, youtube, netvibes etc didn&#8217;t start their life spans as pixel perfect Photoshop mock-ups but instead started as a wild wacky idea and some experimenting from bored (or very lucky) developers somewhere, who were given a challenge by someone wanting to solve a [business] problem no one had thought about previously.</p><p>I&#8217;m not saying fun/entertaining marketing/advertising (only) exercises doesn&#8217;t have their place, they do (and luckily we get to do quite a few of the good ones at work thanks to daring clients), but I AM saying the request &#8220;<em>Make it more Web 2.0/Interactive please</em> &#8221; is tricky to implement unless said exercise actually DOES something. &#8220;<em>Shall I Ajax it up a bit then eh?</em> &#8221; when it isn&#8217;t needed surely can&#8217;t be the best way to spend money for the client. We can of course do it. Should we?</p> <br
/><div><img
src="http://imakethingswork.com/wp-content/plugins/gd-star-rating/gfx.php?value=8.0" /></div><div>Rating: 8.0/<strong>10</strong> (2 votes cast)</div><br
/>]]></content:encoded> <wfw:commentRss>http://imakethingswork.com/web-development/details-cant-see-the-forest-for-all-the-trees/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (user agent is rejected)
Database Caching using disk
Content Delivery Network via Amazon Web Services: S3: s3imtw.s3.amazonaws.com

Served from: imakethingswork.com @ 2010-09-06 15:28:27 -->