<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Perspx &#187; Web</title>
	<atom:link href="http://perspx.com/blog/archives/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://perspx.com</link>
	<description>Musings of a teenage programmer</description>
	<lastBuildDate>Thu, 20 May 2010 06:56:17 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Search Engine Optimization is for dummies</title>
		<link>http://perspx.com/blog/archives/963/search-engine-optimization-is-for-dummies/</link>
		<comments>http://perspx.com/blog/archives/963/search-engine-optimization-is-for-dummies/#comments</comments>
		<pubDate>Tue, 22 Dec 2009 20:03:11 +0000</pubDate>
		<dc:creator>Perspx</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[search]]></category>

		<guid isPermaLink="false">http://perspx.com/?p=963</guid>
		<description><![CDATA[I came across Search Engine Optimization for Dummies on Amazon today: After a quick tweet fuelled by my thoughts on the topic, I thought that I should perhaps elaborate on exactly what I meant.
I&#8217;m all for optimizing your website so that it is searchable; for example, from a development point of view you can do things like:

&#8220;prettify&#8221; URLs
create semantic page  ... ]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">I came across <a href="http://www.amazon.co.uk/gp/product/0470262702/ref=s9_sima_gw_s1_p14_t2?pf_rd_m=A3P5ROKL5A1OLE&amp;pf_rd_s=center-1&amp;pf_rd_r=0KQH230NZPHERERJ7BCP&amp;pf_rd_t=101&amp;pf_rd_p=467198433&amp;pf_rd_i=468294" target="_blank">Search Engine Optimization for Dummies</a> on Amazon today:<a href="http://www.amazon.co.uk/gp/product/0470262702/ref=s9_sima_gw_s1_p14_t2?pf_rd_m=A3P5ROKL5A1OLE&amp;pf_rd_s=center-1&amp;pf_rd_r=0KQH230NZPHERERJ7BCP&amp;pf_rd_t=101&amp;pf_rd_p=467198433&amp;pf_rd_i=468294" target="_blank"><img class="aligncenter size-full wp-image-964" title="SEO for Dummies" src="http://perspx.com/wp-content/uploads/2009/12/SEO_for_dummies.jpg" alt="" width="240" height="240" /></a> After a <a href="http://twitter.com/Perspx/status/6931895278" target="_blank">quick tweet</a> fuelled by my thoughts on the topic, I thought that I should perhaps elaborate on exactly what I meant.</p>
<p>I&#8217;m all for optimizing your website so that it is searchable; for example, from a development point of view you can do things like:</p>
<ul>
<li>&#8220;prettify&#8221; URLs</li>
<li>create semantic page layouts</li>
<li>create a sitemap to make pages easier to find by crawlers</li>
</ul>
<p>That&#8217;s good practise, and that will always help your website; if not from a search perspective, doing things like URL prettifying will make more sense to your users, rather than loads of random text, numbers, question marks and ampersands spewed all over the address bar.</p>
<h2>Selling a lie</h2>
<p>But this kind of &#8220;optimization&#8221; is just a farce – a form of business which just goes to screw people over by charging them for the belief that they can be in the top 20 search results – something they&#8217;re not <em>actually</em> going to be able to achieve, and often in cases don&#8217;t deserve. Not because the content isn&#8217;t good (necessarily) but because there are a million other sites out there doing what they do, and a proportion of them are better than they are.</p>
<p><a href="http://calacanis.com/" target="_blank">Jason Calacanis</a> noted this on <a href="http://blog.stackoverflow.com/2009/06/podcast-56/" target="_blank">Episode #56</a> of the Stack Overflow podcast:</p>
<blockquote><p>[Google] can&#8217;t tell you how to make a perfect result and how to get that top 10/20 ranking and so then everybody goes to the next best thing which is an SEO. And <strong>the SEO sells them the belief that they actually deserve it</strong>.</p></blockquote>
<h2>All about the content</h2>
<p>The best thing you can do is <strong>focus on creating great content</strong>, and do some of the web development basics to make your pages semantically clear to search engines. Nothing comes for free, so if you want to be in the top results, you&#8217;d better make sure you have top content that is presented in an easy to digest manner. If your content is good, then people will start to like what you&#8217;re doing, which in turn will make you index better (through links, etc).</p>
<p>If you do that and invest your time and effort into your site, you don&#8217;t need a conman to sell you a lie.</p>
]]></content:encoded>
			<wfw:commentRss>http://perspx.com/blog/archives/963/search-engine-optimization-is-for-dummies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Have Facebook screwed themselves over?</title>
		<link>http://perspx.com/blog/archives/697/have-facebook-screwed-themselves-over/</link>
		<comments>http://perspx.com/blog/archives/697/have-facebook-screwed-themselves-over/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 18:12:05 +0000</pubDate>
		<dc:creator>Perspx</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[scalability]]></category>

		<guid isPermaLink="false">http://oneinfinitemonkey.wordpress.com/?p=697</guid>
		<description><![CDATA[
350 million users. That&#8217;s a lot of people, but is the quoted total number of Facebook users that was announced last Wednesday.
Although objected to by many, Facebook has undergone a set of significant changes across the site over the past year, perhaps the most prominent being the real-time news feed built from activity by users on your friends list, which  ... ]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.nusacm.org/newsletter/vol9.php" target="_blank"><img class="aligncenter size-full wp-image-879" title="Mark Zuckerberg" src="http://perspx.com/wp-content/uploads/2009/12/mark_zuckerberg1.jpg" alt="" width="500" height="356" /></a></p>
<p style="text-align: left;">350 million users. That&#8217;s a lot of people, but is the quoted total number of Facebook users that was <a href="http://blog.facebook.com/blog.php?post=190423927130" target="_blank">announced last Wednesday</a>.</p>
<p>Although <a href="http://perspx.com/blog/archives/549/users-like-familiarity/" target="_blank">objected to by many</a>, Facebook has undergone a set of significant changes across the site over the past year, perhaps the most prominent being the real-time news feed built from activity by users on your friends list, which is updated as things happen.</p>
<p>This is really cool, but the problem lies in the way that the Facebook community works, or rather how human nature works, in that being connected with more people or being seen as &#8220;popular&#8221; is something desired.</p>
<p>The main consequence of having an ecosystem that <em>promotes</em> connecting with more and more users in this context is that it <strong>creates a huge scalability problem</strong>. Building feeds from data from lots of users is computationally expensive, and requiring more resources to do so becomes economically expensive. And this problem is only going to increase as time goes on, because no-one has the time nor inclination to be constantly tweaking their friends list to remove users they no longer communicate with, for the sake of a number on their profile.</p>
<p>But the real irony is that <strong>Facebook are shooting themselves in the foot</strong> in a sense, by building a community where having more users is promoted. This comes in the form of them actively tempting you to connect with other users, with &#8220;friend suggestions&#8221; or suggestions for joining groups that all your friends are joining.</p>
<p>Users being users, they&#8217;re going to join groups that they&#8217;re not even mildly passionate about, or connect with people even if they&#8217;re loose acquaintances because the cost is only one click, which only contributes to the problem.</p>
<p><a href="http://calacanis.com/" target="_blank">Jason Calacanis</a> noted the scalability problem on <a href="http://blog.stackoverflow.com/2009/06/podcast-56/" target="_blank">episode #56</a> of the Stack Overflow podcast:</p>
<blockquote><p>Like Facebook with the social graph. I have 5,000 people on Facebook. <strong>When I log in, it takes 90 seconds for me to log in, if it works.</strong><br />
&#8230;<br />
Because – it&#8217;s true! And I talked to Zuckerberg about it, I&#8217;ve talked to people about it, and they&#8217;re like <strong>&#8220;Yeah when you log on you realise like 18 servers have to go to work</strong> to like..&#8221; – when I log into Facebook I I think it would put about 20lbs of Carbon into the air<br />
&#8230;</p></blockquote>
<p>That&#8217;s building feeds from 5,000 users, which is fairly uncommon. But these kinds of problems have been noted by users with only close to 1,000 friends. And of course, why wouldn&#8217;t it? You&#8217;re trying to build a feed based on data from 1,000 users, for one user, in a few seconds.</p>
<p>Factor in 350 million users, and you have an <em>extremely </em>complex computational problem, <strong>that won&#8217;t go away</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://perspx.com/blog/archives/697/have-facebook-screwed-themselves-over/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Adverts are tacky</title>
		<link>http://perspx.com/blog/archives/337/adverts-are-tacky/</link>
		<comments>http://perspx.com/blog/archives/337/adverts-are-tacky/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 18:24:26 +0000</pubDate>
		<dc:creator>Perspx</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[freemium]]></category>

		<guid isPermaLink="false">http://oneinfinitemonkey.wordpress.com/?p=337</guid>
		<description><![CDATA[There are no two ways about it: having something not dissimilar to this upholstered on your home page:

Looks tacky.
In a web dominated by the Google monolith, advertising on the web is something of a norm, and an easy way to make money from an otherwise free service, especially with the prevalence of the &#8220;give it away for free and make  ... ]]></description>
			<content:encoded><![CDATA[<p>There are no two ways about it: having something not dissimilar to this upholstered on your home page:</p>
<p style="text-align: center;"><a href="http://perspx.com/wp-content/uploads/2009/08/tvguide1.png"><img class="aligncenter size-large wp-image-822" title="Obnoxious TV Guide advert" src="http://perspx.com/wp-content/uploads/2009/08/tvguide1-1024x640.png" alt="" width="502" height="314" /></a></p>
<p>Looks <strong>tacky</strong>.</p>
<p>In a web dominated by the Google monolith, advertising on the web is something of a norm, and an easy way to make money from an otherwise free service, especially with the prevalence of the &#8220;give it away for free and make money from ads&#8221; model which so many online services rely on to keep themselves running. But advertising can quickly degrade one&#8217;s otherwise professionally-clad website and turn it into a writhing mess of flashing colours and emphatic declarations in the imperative screaming manner of &#8220;buy this&#8221; and &#8220;pay for that&#8221;. <strong>It quickly becomes, frankly, ugly.</strong></p>
<p>Alas, even Facebook had some integrity in this field several years ago, back in 2006:</p>
<p style="text-align: center;"><a href="http://www.notio.com/2006/09/facebook_minire.html"><img class="aligncenter size-full wp-image-824" title="(Almost) adless Facebook" src="http://perspx.com/wp-content/uploads/2009/08/facebook1.jpg" alt="" width="405" height="306" /></a></p>
<p>Before it became awash with the sponsorships and advertising that it presents today. But why do websites do it? <strong>Because it works</strong>. Although not contextually relevant to what online advertising is today, George Orwell is purportedly quoted as saying:</p>
<blockquote><p>Advertising is the rattling of a stick inside a swill bucket.</p></blockquote>
<p>And it <em>does</em> work; and what better place to advertise than the constantly evolving, easily accessible domain of the World Wide Web?</p>
<p>But there are better ways to advertise or make revenue rather than plastering your homepage with flash adverts that turn it into a fireworks display of cheap kitchenware:</p>
<ol>
<li>Go <strong>text-based</strong>. Although perhaps not so eye-catching to the user as you&#8217;d <em>like</em> them to be, text-based adverts are much less of an eyesore than something which moves at 300 km/h across the screen in bright red and blue. In this way, users may even <em>want</em> to come back to your website. They are also much easier to fit in with the look and feel of the page, and, using stylesheets, can be integrated to make them work with your existing design.</li>
<li><strong>Start free, offer premium</strong>. This isn&#8217;t applicable to all sites, but offering a free product or service that has a premium version which is paid-for is a great way to remove some or all of the advertising from your site, whilst generating revenue to support the product. This is much more common some may think; take for example:
<ul>
<li><a href="https://www.spotify.com/en/">Spotify</a> – the peer-to-peer music streaming service which offers a free, unlimited service with some supporting ads. The premium service can be purchased either as a Day Pass (£0.99) for a day&#8217;s worth of music with no ads, or on a monthly basis for £9.99/month with no advertising and extra features.</li>
<li><a href="http://www.atebits.com/tweetie-mac/">Tweetie</a> – a Twitter client, Tweetie is freely available for the Mac with occasional ads that appear in the Tweet feed. The premium version is $19.95 and removes the ads completely.</li>
<li><a href="http://wordpress.com">Wordpress.com</a> – the blogging engine which is free to use with unlimited space for textual content and 3GB for media with adverts rarely displayed (I still have yet to see any). Services are offered to provide a premium experience such as space upgrades and custom stylesheets.</li>
</ul>
<p>The case made in these superlatives are often geared towards the <strong>advertising-free</strong> or <strong>advertising-reduced</strong> status; for example, with Spotify&#8217;s Day Pass it is tagged as being &#8220;ad-free&#8221;:</p>
<p><a href="http://perspx.com/wp-content/uploads/2009/08/spotify2.jpg"><img class="aligncenter size-full wp-image-825" title="Spotify day pass" src="http://perspx.com/wp-content/uploads/2009/08/spotify2.jpg" alt="" width="338" height="362" /></a></p>
<p>which is seen as attractive to the user.</li>
<li><strong>Advertise responsibly</strong>. This is what <a href="http://stackoverflow.com">Stack Overflow</a> try to accomplish: <a href="http://blog.stackoverflow.com/2009/03/responsible-advertising-feed-a-programmer/" target="_blank">advertising responsibly</a> by providing adverts that do are not animated, and do not look overly annoying. This method of approving adverts based on their content means that you can still generate revenue without selling your soul in the name of advertising. It also somewhat communicates to your users that you care about their experience.</li>
</ol>
<p>In a world where the ethos of web development is <strong>putting the user experience first</strong>, annoying advertising just doesn&#8217;t cut it. <strong>Preserve your integrity</strong> by making generating revenue and providing a good experience to users something of a symbiosis.</p>
<p>(Sponsored by The Acme Corporation).</p>
]]></content:encoded>
			<wfw:commentRss>http://perspx.com/blog/archives/337/adverts-are-tacky/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Opera: Revolutionising the web experience since 1994</title>
		<link>http://perspx.com/blog/archives/52/opera-revolutionising-the-web-experience-since-1994/</link>
		<comments>http://perspx.com/blog/archives/52/opera-revolutionising-the-web-experience-since-1994/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 12:00:46 +0000</pubDate>
		<dc:creator>Perspx</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[features]]></category>
		<category><![CDATA[opera]]></category>

		<guid isPermaLink="false">http://oneinfinitemonkey.wordpress.com/?p=52</guid>
		<description><![CDATA[Opera is my long-time favourite and most commonly used web browser. I think that it&#8217;s a brilliant, well-designed piece of software, and certainly does it for me more than the other browsers out there, especially Internet Explorer. I&#8217;m not saying that it&#8217;s perfect, but it&#8217;s certainly the browser I use on a day-to-day basis. I have also seen Opera Software to  ... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.opera.com/">Opera</a> is my long-time favourite and most commonly used web browser. I think that it&#8217;s a brilliant, well-designed piece of software, and certainly does it for me more than the other browsers out there, especially Internet Explorer. I&#8217;m not saying that it&#8217;s <em>perfect</em>, but it&#8217;s certainly the browser I use on a day-to-day basis. I have also seen Opera Software to be an <strong>innovative </strong>company over the years I&#8217;ve been using Opera, and this is often shown through the great features that Opera provides. And lots of these features prevalent in web browsers today were implemented in Opera a long time before other browsers adopted a similar idea. Here are some of my favourites:</p>
<h2>Tabbed Browsing</h2>
<p><a href="http://perspx.com/wp-content/uploads/2009/07/operatabs.png"><img class="aligncenter size-medium wp-image-796" title="operatabs" src="http://perspx.com/wp-content/uploads/2009/07/operatabs-300x59.png" alt="" width="300" height="59" /></a></p>
<p>Opera has had <strong>tabbed-browsing</strong> for a substantially longer period of time than other comparable browsers; tabbed browsing were introduced in the other main browsers:</p>
<ul>
<li>Safari 0.9 (2003) <a href="http://en.wikipedia.org/wiki/Safari_(web_browser)#History_and_development">[Source]</a></li>
<li>IE 7 beta 1 (2005) <a href="http://en.wikipedia.org/wiki/Internet_Explorer_7#Release_history">[Source]</a></li>
<li>Firefox 0.3 (2002) <a href="http://en.wikipedia.org/wiki/History_of_Mozilla_Firefox#Release_history">[Source]</a></li>
</ul>
<p>Comparatively to this, Opera has provided tabbed browsing since version 4, released in 2000 <a href="http://en.wikipedia.org/wiki/Tabbed_document_interface#History">[Source]</a>.</p>
<p><a href="http://perspx.com/wp-content/uploads/2009/07/ie_tabs.jpg"><img class="alignleft size-medium wp-image-798" title="IE tabs" src="http://perspx.com/wp-content/uploads/2009/07/ie_tabs-300x218.jpg" alt="" width="300" height="218" /></a></p>
<p>Internet Explorer 7&#8217;s implementation of tabbed-browsing was also rather poor, which caused Microsoft to load each tab into a separate process in IE8 to prevent one tab crashing from causing the rest of the browser to hang. I also particularly dislike the <em>&#8220;You&#8217;ve opened a new tab&#8221;</em> window, although I guess that&#8217;s down to personal taste..</p>
<h2>Tab Previews</h2>
<p><a href="http://perspx.com/wp-content/uploads/2009/07/opera_tab_preview.jpg"><img class="alignright size-medium wp-image-799" title="Opera Tab Previews" src="http://perspx.com/wp-content/uploads/2009/07/opera_tab_preview-300x162.jpg" alt="" width="300" height="162" /></a>Also implemented in Opera are tab previews; when you hover your mouse over a tab, it shows a thumbnail of the page in that tab; this has been implemented since Opera 8, and is a quick and easy way to preview a tab whilst currently browsing in another tab; it&#8217;s also more useful when you have multiple tabs open for the same website, since the title for pages on most websites commonly starts with the name of the site itself, and the rest gets cut off due to the width of the tab, which makes it harder to differentiate between different tabs and their actual content.</p>
<h2>Mouse Gestures</h2>
<p>Another useful feature of the Opera browser is <em>mouse gestures</em>. These are actions you can perform with the mouse, to perform common actions &#8211; for example, right clicking and dragging the mouse to the left is the same as pressing the back button. Mouse gestures were introduced in Opera 5.1 (released in 2001) and has been a great, innovative feature in browsing.</p>
<h2>Speed Dial</h2>
<p><em><a href="http://perspx.com/wp-content/uploads/2009/07/opera_10_speeddial.jpg"><img class="alignleft size-medium wp-image-800" title="Opera 10 Speed Dial" src="http://perspx.com/wp-content/uploads/2009/07/opera_10_speeddial-300x232.jpg" alt="" width="300" height="232" /></a>Speed Dial</em> is a feature that was introduced in Opera 9.2. It allows a grid to be shown on newly opened tabs with spaces for web page thumbnails, containing screenshots of the pages; these can be accessed by clicking on the relevant item in the grid, or with <em>Ctrl+1</em> to <em>Ctrl+9</em> (Windows) or <em>⌘+1</em> to <em>⌘+9</em> (OS X) for pages 1-9 respectively. I particularly like these shortcuts, since I can quickly open my most commonly used pages when I start Opera with a few key presses.</p>
<p>With the release of Opera 10, there is a new maximum of 25 tabs, available in different arrangements of 2 x 2, 3 x 3, 4 x 3, 4 x 4,<em> 5 x 4</em> and 5 x 5, to make the best use of space for both widescreen and standard displays &#8211; the 4 x 3 layout is particularly useful when using my MacBook, since it has a widescreen screen, and the &#8220;square&#8221; layouts mean that the thumbnails are rather small (since they scale to the size of the window).</p>
<p>With the recent release of Safari 4, Apple have implemented a similar feature to Speed Dial in their browser, called <em>Top Sites</em>.</p>
<p><a href="http://perspx.com/wp-content/uploads/2009/07/safari_topsites1.jpg"><img class="aligncenter size-medium wp-image-802" title="Safari Top Sites" src="http://perspx.com/wp-content/uploads/2009/07/safari_topsites1-300x183.jpg" alt="" width="300" height="183" /></a></p>
<h2>Opera Turbo</h2>
<p><a href="http://perspx.com/wp-content/uploads/2009/07/opera_turbo1.jpg"><img class="alignleft size-medium wp-image-803" title="Opera Turbo" src="http://perspx.com/wp-content/uploads/2009/07/opera_turbo1-300x179.jpg" alt="" width="300" height="179" /></a>Also released in Opera 10 is <a href="http://labs.opera.com/news/2009/03/13/" target="_blank"><em>Opera Turbo</em></a>. This is a &#8220;server-side optimization and compression technology&#8221; and compresses network traffic in order to decrease page loading times on slower networks, with the end result that the resolution of images in the page is much lower than normal. This not only decreases page loading times, but also reduces bandwidth consumption. A small icon is displayed in the left-hand side of the status bar, displaying the compression rate, and the amount of bandwidth that has been saved. It can also be set to automatic so that it is only enabled if Opera detects a slow network connection.</p>
<h2>Not perfect</h2>
<p>Although Opera is my favourite browser, it doesn&#8217;t cover <em>every</em> option; there is no concept of add-ons, unlike Firefox, for example, and being a web developer, the Firefox plugin <a href="https://addons.mozilla.org/en-US/firefox/addon/1843" target="_blank">Firebug</a> is immensely useful in debugging web pages. Although Opera offers their own Dragonfly web development tool, I feel that it isn&#8217;t quite as good as Firebug.</p>
<p>But I have seen Opera Software to be revolutionary and innovative in implementing new features which are often later adopted by other web browsers, or have similar features implemented, and in this way I feel that Opera is a great influence to other browsers, and revolutionary in its own right.</p>
]]></content:encoded>
			<wfw:commentRss>http://perspx.com/blog/archives/52/opera-revolutionising-the-web-experience-since-1994/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
