<?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/"
	>

<channel>
	<title>Strange thoughts and ponderings &#187; Development</title>
	<atom:link href="http://blog.strangecorp.com/category/development/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.strangecorp.com</link>
	<description></description>
	<pubDate>Fri, 30 Jul 2010 12:01:44 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<meta xmlns="http://www.w3.org/1999/xhtml" name="robots" content="noindex,follow" />
		<item>
		<title>The User Journey &#038; the PIEPP Purchase Decision Model</title>
		<link>http://blog.strangecorp.com/2010/07/user-journey-piepp-decision-model/</link>
		<comments>http://blog.strangecorp.com/2010/07/user-journey-piepp-decision-model/#comments</comments>
		<pubDate>Tue, 27 Jul 2010 15:04:55 +0000</pubDate>
		<dc:creator>Dom Ebel</dc:creator>
		
		<category><![CDATA[Conversion Optimisation]]></category>

		<category><![CDATA[Development]]></category>

		<category><![CDATA[Ecommerce]]></category>

		<category><![CDATA[Email Marketing]]></category>

		<category><![CDATA[Information Architecture]]></category>

		<category><![CDATA[Online Marketing]]></category>

		<category><![CDATA[Search Marketing]]></category>

		<category><![CDATA[Social Media]]></category>

		<category><![CDATA[Strange News]]></category>

		<category><![CDATA[User Experience]]></category>

		<category><![CDATA[Commercialism]]></category>

		<category><![CDATA[consumer behaviour]]></category>

		<category><![CDATA[content optimisation]]></category>

		<category><![CDATA[digital strategies]]></category>

		<category><![CDATA[display advertising]]></category>

		<category><![CDATA[information design]]></category>

		<category><![CDATA[PIEPP]]></category>

		<category><![CDATA[purchase decision]]></category>

		<category><![CDATA[purchase decision cycle]]></category>

		<category><![CDATA[SEO benefits]]></category>

		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://blog.strangecorp.com/?p=907</guid>
		<description><![CDATA[<p>Ecommerce user journeys contain many phases where retailers can inluence outcomes, corresponding to phases within the purchase decision cycle. The <a href="http://blog.strangecorp.com/2008/11/commerciality-turning-users-into-consumers/#piepp" rel='nofollow'>PIEPP purchase decision cycle model</a> is great at helping to explain the complexities of human decision-making when we buy things.</p>
<p>PIEPP stands for:</p>
<p><strong>Problem recognition</strong> - Identifying a need, whether &#8220;real&#8221; or not.</p>
<p><strong>Information search</strong> - The more complicated the object, or the higher its ticket price, the more the information is needed to make a purchase.</p>
<p><strong>Evaluation of criteria</strong> - Assessing whether the product meets your needs - a conscious and unconscious process.</p>
<p><strong>Purchase decision</strong> - Are there any barriers to stop]]></description>
			<content:encoded><![CDATA[<p>Ecommerce user journeys contain many phases where retailers can inluence outcomes, corresponding to phases within the purchase decision cycle. The <a href="http://blog.strangecorp.com/2008/11/commerciality-turning-users-into-consumers/#piepp" rel='nofollow'>PIEPP purchase decision cycle model</a> is great at helping to explain the complexities of human decision-making when we buy things.</p>
<p>PIEPP stands for:</p>
<p><strong>Problem recognition</strong> - Identifying a need, whether &#8220;real&#8221; or not.</p>
<p><strong>Information search</strong> - The more complicated the object, or the higher its ticket price, the more the information is needed to make a purchase.</p>
<p><strong>Evaluation of criteria</strong> - Assessing whether the product meets your needs - a conscious and unconscious process.</p>
<p><strong>Purchase decision</strong> - Are there any barriers to stop you making the purchase?</p>
<p><strong>Post-purchase evaluation</strong> - Did you make the right decision? Why should you come back?</p>
<p><em>As the user journey progresses and more factors come into play, the user will loop back and forwards between the various phases until either all of the barriers to purchase are removed (resulting in a successful completion), or a barrier prevents further progression and the journey comes to a stop.</em></p>
<p>An example user journey is shown below, broken down into individual steps with comments to describe the corresponding phases of the purchase decision cycle, and the requirements they present in the commercial environment.</p>
<h2>An Example User Journey: Sean Upgrades his Router</h2>
<p>Sean thinks his computer is a bit slow, especially when online.</p>
<p><em>["Problem Recognition" phase]</em></p>
<p>Reading internet articles on how to speed up connection performance, he realises that a faster router might improve his connection speed. He currently has a &#8220;wireless-G&#8221; router.</p>
<p>At the top of one of the articles he notices a display banner for a Linksys Wireless-N Gigabit router, and conciously reads it.</p>
<p style="padding-left: 30px;"><em>This shows the importance of correct message targeting, matching ad content to relevant placements.</em></p>
<p>Sean clicks on the banner and is taken to a product page, and learns that the product is a &#8220;gigabit&#8221; router that conforms to IEEE 802.11n-2009 standard (&#8221;wireless-N&#8221;).</p>
<p><em>["Information Search" phase]</em></p>
<p>Sean researches the IEEE 802.11n-2009 standard, and uses search engines to find product reviews and recommended products.</p>
<p>He identifies a basic list of requirements for his router, and creates a &#8220;requirements&#8221; checklist in his head that includes features, price, etc.</p>
<p style="padding-left: 30px;"><em>This demonstrates the necessity for search visibility and including content which addresses common questions and explains features and benefits.</em></p>
<p><em>["Evaluation" phase]</em></p>
<p>Sean visits a number of ecommerce stores to try and find products that match his criteria. </p>
<p>He finds that stores with conventional navigation make it more difficult to identify products by feature, whereas ecommerce stores with faceted search allow him to cut their inventory according to his criteria - enabling him to find the results he needs quicker and easier.</p>
<p style="padding-left: 30px;"><em>Consumers now expect the option of a faceted search in ecommerce stores, as it provides them with a flexible method of drilling-down and identifying the products they require in a much shorter time frame than conventional navigation.</em></p>
<p>Sean draws up a list of products that match the criteria on his checklist.</p>
<p style="padding-left: 30px;"><em>This highlights the importance of sales promotion, price sensitivity, USPs, benefit statements and differentiation.</em></p>
<p>As he starts to evaluate each of the products on his list, he finds that one of the products has a built-in firewall. </p>
<p style="padding-left: 30px;"><em>Sean now has an additional criterion to add to the list, and therefore loops back from the &#8220;Evaluation&#8221; phase to the &#8220;Information Search&#8221; phase.</em></p>
<p><em>["Information Search" phase]</em></p>
<p>Sean adds &#8220;Built-in Firewall&#8221; to his checklist.</p>
<p><em>["Evaluation" phase]</em></p>
<p>Sean re-checks his product shortlist to ensure all products still match the updated checklist, and removes any that now fail to meet all the criteria, including the new &#8220;firewall&#8221; criterion.</p>
<p>He whittles his shortlist down to a list of suitable products, including the original Linksys Wireless-N Gigabit router, and the equivalent Netgear product.</p>
<p>Sean uses search engines to find ecommerce stores offering best prices for each product.</p>
<p>As he checks each retailer, Sean notices that some of the retailers offer USPs such as free delivery.</p>
<p style="padding-left: 30px;"><em>With another criterion to add to his checklist, Sean loops back from the &#8220;Evaluation&#8221; phase to the &#8220;Information Search&#8221; phase</em></p>
<p><em>["Information Search" phase]</em></p>
<p>Sean adds the &#8220;Free Delivery&#8221; USP to the checklist.</p>
<p><em>["Evaluation" phase]</em></p>
<p>Sean re-evaluates his product list to ensure all products still match the updated checklist, and removes any retailers not offering free delivery.</p>
<p>Sean’s list now comprises of the original Linksys router and the equivalent Netgear product, and the ecommerce stores that offer free shipping for these products.</p>
<p>Sean decides he trusts Linksys more, and he identifies the Linksys as his final choice of product - even though it is marginally more expensive.</p>
<p style="padding-left: 30px;"><em>This is an irrational decision on Sean’s behalf, as it is based on &#8220;gut feel&#8221; rather than scientific evaluation. Humans make irrational decisions regularly, and advertising can help build affinity with a brand to help capitalise on this behavioural impulse.</em></p>
<p>Sean starts researching the retailers on his list for the best price, identifying a number of potential candidates. The cheapest price is for the product only, whereas the 2nd cheapest is only marginally more expensive, but has a free wireless-N-compatible wireless card.</p>
<p><em>["Purchase Decision" phase]</em></p>
<p>Sean identifies the 2nd cheapest option as the one offering the best value – but is aware that he is not a computer hardware expert, and is aware that he may encounter issues when setting it up.</p>
<p style="padding-left: 30px;"><em>Realising he needs a way of returning the item if there turns out to be a problem - Sean loops back from the &#8220;Purchase Decision&#8221; phase to the &#8220;Problem Recognition&#8221; phase.</em></p>
<p><em>["Problem Recognition" phase]</em></p>
<p>Sean realises that if he needs to ensure he can return the item if there is a problem, he needs to verify that the ecommerce store he buys from has a favourable returns policy.</p>
<p><em>["Information Search" phase]</em></p>
<p>He adds &#8220;Returns Policy&#8221; and &#8220;Wireless-N-compatible Wireless Card&#8221; to his checklist.</p>
<p><em>["Evaluation" phase]</em></p>
<p>Sean re-checks his retailer list and removes cheapest option – as it doesn’t come with a wireless card.</p>
<p>After more searching Sean finds a third retailer who offers the same ticket price, but with no free wireless card. This retailer does, however, offer a free customer support line.</p>
<p style="padding-left: 30px;"><em>Again, Seans research behaviour highlights the importance of data structuring to enable USPs to be easily identified.</em></p>
<p>Sean finds the returns policy, and satifies himself that he can return the item if there is a problem.</p>
<p style="padding-left: 30px;"><em>Having verified the returns policy, Sean has more &#8220;trust&#8221; in this retailer. The trust factor is one of the most important element of successful ecommerce, so it is vital to ensure that any issues which impact on your website&#8217;s trust factor are resolved.</em></p>
<p>He considers the higher price tag (once the wireless card is factored-in) is still reasonable, as it provides him with access to the customer support line – a service he previously did not have.</p>
<p><em>["Purchase Decision" phase]</em></p>
<p>So, confident that this ecommerce shop offers value for money and a trustworthy service, Sean tries to purchase the router - however, he finds he cannot, as the payment gateway does not accept his Diners Card.</p>
<p style="padding-left: 30px;"><em>The issue that Sean runs into while using the payment gateway illustrates the importance of improving the factors relating to user experience, in order to remove the barriers to the purchase decision - a process known as Conversion Rate Optimisation (CRO).</em></p>
<p>Unable to purchase the router from the retailer offering the free customer service, Sean re-evaluates the original cheapest option – even though does not have support or a wireless card.</p>
<p style="padding-left: 30px;"><em>His initial choice of retailer denied him, Sean has looped back into the &#8220;Evaluation&#8221; phase in order to assess the next best option&#8230;</em></p>
<p><em>["Evaluation" phase]</em></p>
<p>He considers that the initial cost saving will offset the cost of wireless card, and support if needed.</p>
<p style="padding-left: 30px;"><em>Sean moves back into the &#8220;Purchase Decision&#8221; phase.</em></p>
<p>Sean feels the website has high trust factor, as it is a retailer he has heard of before, includes a clear returns policy, and uses a secure payment gateway.</p>
<p>He decides to purchase - this payment gateway accepts his Diners Card and he successfully completes the transaction, filling in his contact details and purchasing the product.</p>
<p style="padding-left: 30px;"><em>This again demonstrates the importance of Conversion Rate Optimisation in the &#8220;Purchase Decision&#8221; phase, removing any possible barriers to purchasing to provide the best possible user experience.</em></p>
<p><em>["Post Purchase Evaluation" phase]</em></p>
<p>After 3 weeks of happily using his new router, the online shop he bought it from sends a follow-up email, requesting he fill in a questionnaire. The email reads:</p>
<p>&#8220;Thank you for joining thousands of satisfied customers in purchasing the Linksys Wireless-N Gigabit router from us - voted the most popular router on the market by PC Flannel magazine in 2010. We would appreciate it if you could spend a couple of minutes filling in this questionnaire to help us choose future products&#8221;.</p>
<p>Sean reads the email, and sees the sentence &#8220;voted the most popular router on the market by PC Flannel magazine in 2010&#8243;. </p>
<p>He immediately feels validated in his purchase, knowing this was a award-winning product.</p>
<p style="padding-left: 30px;"><em>Sean’s &#8220;Post Sales Evaluation&#8221; phase of his user journey shows the importance of Customer Relations Management and using personalised email marketing to increase repeat purchase.</em></p>
<p style="padding-left: 30px;"><em>Sometimes customers will feel unsure about their purchase after buying it - the mental discomfort felt when two conflicting ideas are held simultaneously is known as &#8220;cognitive dissonance&#8221;.</em></p>
<p style="padding-left: 30px;"><em>In this case Sean needed the router, but has not necessarily bought it in the most cost-effective manner, as he has to buy a wireless card seperately.</em></p>
<p style="padding-left: 30px;"><em>However, when he finds out about the most-popular-router accolade, Sean feels vindicated and happier about his purchase - so by revealing this information, the retailer has removed any cognitive dissonance Sean may have felt about not purchasing the router/wireless-card bundle which would have worked out cheaper for him.</em></p>
<p style="padding-left: 30px;"><em>By resolving Seans cognitive dissonance, and because Sean has had a good purchasing experience with this retailer - even though it turned out more expensive in the long run - he is more likely to repeat-purchase from them because the purchasing experience itself was good.</em></p>
<p style="padding-left: 30px;"><em>Sean is now more likely to buy from this retailer again next time…</em></p>
<h2>Summary</h2>
<p>As can be seen from the imaginary scenario detailed above, even relatively simple-seeming tasks involve more complex user journeys than you might first imagine.</p>
<p>Highlighting the different phases of the purchase decision cycle model serves to emphasise the &#8220;looping&#8221; process that the user will inevitably cycle through; looping through individual phases many times over until all the barriers to purchase are removed, or the journey cannot progress any further.</p>
<p>By understanding more about the user’s intentions at that point in the user journey, we can assess the most appropriate method of interacting with that visitor and maximise our chances of a successful conclusion - an online purchase!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.strangecorp.com/2010/07/user-journey-piepp-decision-model/feed/</wfw:commentRss>
		</item>
		<item>
		<title>A Beginners Guide to XML</title>
		<link>http://blog.strangecorp.com/2010/01/beginners-guide-to-xml/</link>
		<comments>http://blog.strangecorp.com/2010/01/beginners-guide-to-xml/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 17:11:50 +0000</pubDate>
		<dc:creator>Matthew Pollard</dc:creator>
		
		<category><![CDATA[Development]]></category>

		<category><![CDATA[AJAX]]></category>

		<category><![CDATA[doctype]]></category>

		<category><![CDATA[DOM]]></category>

		<category><![CDATA[DTD]]></category>

		<category><![CDATA[eXtensible Mark-up Language]]></category>

		<category><![CDATA[Formal Public Identifier]]></category>

		<category><![CDATA[FPI]]></category>

		<category><![CDATA[OpenDocument]]></category>

		<category><![CDATA[RSS]]></category>

		<category><![CDATA[SVG]]></category>

		<category><![CDATA[XHTML]]></category>

		<category><![CDATA[XML]]></category>

		<category><![CDATA[XML formats]]></category>

		<category><![CDATA[XML TV]]></category>

		<guid isPermaLink="false">http://blog.strangecorp.com/?p=602</guid>
		<description><![CDATA[XML stands for Extensible Markup Language. You might not realise it but you are probably already using it...]]></description>
			<content:encoded><![CDATA[<p>XML stands for eXtensible Mark-up Language. You might not realise it but you are probably already using it:</p>
<ul>
<li>XHTML, a mark-up language which many web pages are written in, is a form of XML</li>
<li>if you subscribe to any RSS feeds or use a feed reader, you are using XML</li>
<li>if you use Google, and have seen the drop down &#8220;suggestion box&#8221; when you type, you have seen XML at work</li>
</ul>
<p><img class="size-medium wp-image-835" title="Google's XML-driven search suggestions dropdown" src="http://blog.strangecorp.com/wp-content/uploads/2010/01/google-search-suggestions-dropdown.jpg" alt="Google's XML-driven search suggestions dropdown" width="490" height="221" /></p>
<p>If you have heard of AJAX - which is probably one of the main features of Web 2.0 - the &#8220;X&#8221; in AJAX stands for XML.</p>
<blockquote><p>AJAX is a technology which often uses XML</p></blockquote>
<p>AJAX is a technology which enables a dialogue to be set up between a web page and a server, and allows page content to be dynamically modified without having to physically refresh and reload the page. The data that the page retrieves is normally sent as XML.</p>
<h2>Elements of an XML Document</h2>
<p>At the most basic level an XML file is just a text file – in a similar manner to an HTML document, an XML file can be created in a wide variety of text editors including &#8220;Notepad&#8221;.</p>
<p><img class="size-full wp-image-865" title="Example XML markup from an RSS feed" src="http://blog.strangecorp.com/wp-content/uploads/2010/01/strange_rss_xml.png" alt="Example XML markup from an RSS feed" width="490" height="401" /></p>
<blockquote><p>XML tags are almost entirely customisable</p></blockquote>
<p>An XML document is made up of tags which are almost entirely customisable, as long as the XML rules are followed. There are standard formats though - the above-mentioned XHTML and RSS both use standard formats as defined by their schemas or Document Type Definitions (DTD).</p>
<h4>The Document Type Definitions (DTD)</h4>
<p>A DTD is a schema written in the DTD language. In Standard Generalized Mark-up Language (SGML) family mark-up languages, the DTD contains a set of mark-up declarations that define a document type - whether it might be:</p>
<ul>
<li>HTML 4.01 strict <em>(Contains all HTML elements and attributes, excluding presentational or deprecated elements [eg. font] and framesets)</em></li>
<li>XHTML 1.0 strict <em>(a version of XHTML excluding elements marked as deprecated in the HTML 4.01 specification)</em></li>
<li>XHTML 1.0 transitional <em>(a version including some presentational elements excluded from the strict version)</em></li>
<li>or something else</li>
</ul>
<p>The XML document declares what DTD it uses via a reference within the mark-up - this is how a web browser know what type of HTML to expect and how a feed reader using a RSS document knows what to expect.</p>
<p>The DTD that an HTML or XHTML document refers to is defined at the beginning of the document&#8217;s code using the &#8220;doctype&#8221; declaration - the declaration looking something like this:</p>
<p>&lt;!DOCTYPE HTML PUBLIC &#8220;-//W3C//DTD HTML 4.01//EN&#8221;<br />
&#8220;http://www.w3.org/TR/html4/strict.dtd&#8221;&gt;</p>
<p>The &#8220;doctype&#8221; declaration usually contains two pieces of information to identify the relevant DTD; a Formal Public Identifier (FPI) string <em>[the first quoted segment]</em> and a URL where the browser can find it.</p>
<p>The FPI can be broken down into two information snippets - known as the &#8220;owner identifier&#8221; and &#8220;text identifier&#8221; respectively - which are then further delimited by the &#8220;//&#8221; double-slash characters:</p>
<p>&#8220;[Registration Status]//[Owner]//[Class]   	 [Description]//[Language]&#8221;</p>
<p>The flexibility of the FPI string is the crucial link required to provide the ability to set up your own DTD, or modify the existing DTDs to add the tags you have always wanted.</p>
<blockquote><p>The ability to create DTDs confers the power to construct new XML formats</p></blockquote>
<p>By using the &#8220;doctype&#8221; declaration in your XML code to refer to the location of your DTD, your customised tags would then be valid and execute in the correct manner.</p>
<p>It is this ability to create DTDs which XML documents can refer to, which confers the power to create customised tags and even complete new XML formats.</p>
<h4>XML and the Document Object Model (DOM)</h4>
<p>Much of the functionality we take for granted in today&#8217;s websites relies on something called the &#8220;DOM&#8221; - the Document Object Model.</p>
<p>The DOM is a representation of the web page as XML &#8220;nodes&#8221;, a node being an element or tag. If a node has children (i.e. more tags inside it), then the current node is the parent. You can also have siblings which are next to each other.</p>
<p>JavaScript manipulates the DOM - and therefore the page display - by finding a specified node and modifying it, but also has the ability to add new nodes or remove nodes.</p>
<p>This JavaScript functionality is crucial to the ability of AJAX to modify and update page content, dependant on the data received from the server - as it is this manipulation of the DOM which confers the ability to update content <em>without refreshing the page</em>.</p>
<h4>XML Validation</h4>
<blockquote><p>XML documents must validate correctly to conform to the DTD</p></blockquote>
<p>In order to conform to a DTD&#8217;s standards, XML mark-up should validate and be &#8216;well formed&#8217;.</p>
<p>Being valid means that it follows the schema and being well formed means that it is properly written as XML – tags must be closed and formatted correctly.</p>
<p>There is another reason why validating HTML is important, as validating page not only checks whether it is well formed or not but also provides a way to debug any problems that might occur within the page.</p>
<h2>XML Formats</h2>
<p>XML is used for many things where a standard way to transfer data over the internet is required. RSS, the ubiquitous format that pervades the internet, has already mentioned. However, there many different XML formats emerging - including the following examples:</p>
<h4>XMLTV</h4>
<p><a title="XMLTV XML-based file format for describing TV listings" href="http://wiki.xmltv.org/" rel='nofollow'>XMLTV</a> is a format that enables TV listings to be distributed over the internet to be used by various applications such as media centres or personal video recorders. The Radio Times provides an XMLTV feed of all its listings for personal use.</p>
<h4>OpenDocument</h4>
<p>OpenDocument is a format produced by the open source community as way to standardise and offer better inter operability between systems.</p>
<p>The format was originally created by <a title="OpenOffice.org open source office suite" href="http://www.openoffice.org/" rel='nofollow'>OpenOffice.org</a> the open source office suite but was adopted as a standard by the <a title="Organization for the Advancement of Structured Information Standards" href="http://www.oasis-open.org/" rel='nofollow'>Organization for the Advancement of Structured Information Standards</a> which is a organisation a bit like the W3C and has since been adopted by Microsoft and is used as one of the formats in its Office 2007 suite.</p>
<p>There was some controversy about this as Microsoft was pushing their format, the Office Open XML format which is also an internationally recognised standard. Many open source advocates maintained that this format was biased in favour of Microsoft, but time will show the uptake numbers of each format.</p>
<h4>SVG</h4>
<p><a title="W3C Scalable Vector Graphics homepage" href="http://www.w3.org/Graphics/SVG/" rel='nofollow'>Scalable Vector Graphics</a> is a format that allows a graphic to be broken down into XML. All web browsers support this format apart from Internet Explorer although Google do provide a plug-in for Internet Explorer to allow it to use SVG. It&#8217;s not just web browsers that use the format though main graphics applications support this format. SVG can been animated and interactive along similar lines to what you might expect from Adobe Flash</p>
<p>There are many other different kinds of XML and the chances are you have used it without realising so next time you see a file extension or application that includes an &#8220;X&#8221; in its name there is a good chance it stands for XML.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.strangecorp.com/2010/01/beginners-guide-to-xml/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Beginner&#8217;s Guide to Top 10 HTML Tags</title>
		<link>http://blog.strangecorp.com/2009/08/beginners-guide-to-top-10-html-tags/</link>
		<comments>http://blog.strangecorp.com/2009/08/beginners-guide-to-top-10-html-tags/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 12:19:52 +0000</pubDate>
		<dc:creator>Matthew Pollard</dc:creator>
		
		<category><![CDATA[Development]]></category>

		<category><![CDATA[ANCHOR TEXT]]></category>

		<category><![CDATA[DIV]]></category>

		<category><![CDATA[form]]></category>

		<category><![CDATA[H1]]></category>

		<category><![CDATA[HEAD]]></category>

		<category><![CDATA[HTML]]></category>

		<category><![CDATA[HYPERLINK]]></category>

		<category><![CDATA[IMAGE]]></category>

		<category><![CDATA[NOSCRIPT]]></category>

		<category><![CDATA[TITLE]]></category>

		<guid isPermaLink="false">http://blog.strangecorp.com/?p=371</guid>
		<description><![CDATA[<p>Here is a quick run down we put together for those beginning their journey into HTML to quickly outline 10 of the most common tags and some info about them.</p>
<h4>1. html</h4>
<p>This is the key tag in html it wraps up all the other tags to create an HTML document. HTML actually stands for HyperText Markup Langauge. Tim Berners-Lee as part of his development of the world wide web is widely credited with inventing it (http://www.w3.org/People/Raggett/book4/ch02.html). Even XHTML uses the HTML tag!</p>
<h4>2. head</h4>
<p>This tag defines the section of code where all meta tags go and where any other files required for]]></description>
			<content:encoded><![CDATA[<p>Here is a quick run down we put together for those beginning their journey into HTML to quickly outline 10 of the most common tags and some info about them.</p>
<h4>1. html</h4>
<p>This is the key tag in html it wraps up all the other tags to create an HTML document. HTML actually stands for HyperText Markup Langauge. Tim Berners-Lee as part of his development of the world wide web is widely credited with inventing it (http://www.w3.org/People/Raggett/book4/ch02.html). Even XHTML uses the HTML tag!</p>
<h4>2. head</h4>
<p>This tag defines the section of code where all meta tags go and where any other files required for the page are called from. For example, CSS style sheets and external JavaScript files are included here.</p>
<p>By including style sheets and JavaScript as external files this improves the performance of a site as these files are then cached in the users&#8217; browser and don&#8217;t need to be downloaded again.</p>
<p>Meta tags were originally envisage to provide additional contextual data for documents (web pages), but piecemeal implementation from many web authors and abuse from  search engines marketers has dulled the appetite for the provision and use of this data. Search engines ignore meta keyword data (Google has never analysed them) but do use meta description data to populate their snippet descriptions found on the search engine results pages (SERP).</p>
<h4>3. body</h4>
<p>The &#8220;body&#8221; wraps around all the visible content on a page.</p>
<h4>4. title</h4>
<p>The &#8220;title&#8221; tag is where the text that you see in the title bar of the browser is kept. This is one of the key tags in terms of search engine optimisation and the information architecture of your website. There is an article on <a title="HTML title tag optimisation" href="http://blog.strangecorp.com/2008/12/html-title-optimisation/" rel='nofollow'>title tag optimisation</a> that goes into more detail about this.</p>
<p>The title content will be displayed as the clickable link if the page is displayed in the SERP - so creating a clear offering with an enticing page summary is essential to maximise click-through rates (CTR) from organic search listings</p>
<h4>5. h1</h4>
<p>H1 is meant to be the tag containing the page&#8217;s main headline; it is therefore the mother of all heading tags. In HTML there are 6 heading tags numbered from 1 to 6. They should be used hierarchically with the h1 coming first.</p>
<p>Creating relevant and descriptive headings helps with usability, commercial focus and marketing messages, accessibility, search engine optimisation.</p>
<h4>6. div</h4>
<p>The &#8220;div&#8221; tag is the main building block for most modern websites. Sites used to be built using the table tag and its children (tr – table row, td – table data or cell).</p>
<p>Tables were not meant to be used like this and when the cascading style sheet (CSS) was introduced it was advocated that tables should only be used for tabular data and not for web page layout/presentation. This had the advantages of making pages load faster and making the code more semantic.</p>
<p>Too many divs  (coined &#8220;divitis&#8221;) is a common coding occurance. Good mark-up should be lean and avoid unnecessary divs, leaving the control to the more immediate semantic tags such as a paragraph &lt;p&gt; or list item &lt;li&gt; for example.</p>
<p>The advantage of this semantic use of HTML is that the container tags partially explain what is held in them for both users and automated information retrieval systems such as search engine spiders.</p>
<h4>7. form</h4>
<p>The &#8220;form&#8221; tag is a key element regarding communication for most websites. It allows information to be collected from the page to be sent to the web server. It usually contains input fields to collect the information.</p>
<h4>8. a</h4>
<p>The &#8220;a&#8221; tag is known as the anchor tag - the basic building block that links the internet together. Once you add a URL or URI (web address) to the &#8216;href&#8217; (Hypertext Reference) attribute you get a hyperlink - the fundamental linking mechanism which defined the internet, and differentiated it from simple collections of documents.</p>
<p>In the web development world one of the on going debate concerning the anchor tag is whether you open a link a new window. One of the disadvantages of opening the link in a new window is that you lose the use of the back button and you desktop can become cluttered with windows.</p>
<p>New browsers enable you to open the link you are clicking on by right clicking it and choosing to open it in a tab or a new window. Therefore, if you open a new tab you can keep the original tab in view and if you want to go back to it you can just close the tab you are in.</p>
<p>With the advent of tabbed browsing most people say this should be up to the user.</p>
<h4>9. img</h4>
<p>The &#8220;img&#8221; tag allows us to embed images into a web page. With the introduction of CSS the number of images embedded using this tag can be reduced. Smaller images can be placed on the same file and manipulated using CSS  (called sprites). The advantage is a single image is downloaded to the user&#8217;s browser, meaning faster page loads, less server requests and all functional website imagery is pre-cached in the user&#8217;s browser.</p>
<p>Using CSS the ‘style’ of the site can separated from the content of the site. This means that decorative images are added using the CSS rather than being embedded in the page.</p>
<h4>10. noscript</h4>
<p>The contents of the &#8220;noscript&#8221; tag is displayed if your browser does not support JavaScript.</p>
<p>JavaScript is a &#8220;client-side&#8221; (i.e. it runs on the users&#8217; browser) scripting language which enables programmers to create extra functionality over-and-above HTML, and offers ways to enhance the user experience using newer technologies like AJAX.</p>
<p>AJAX is bandied around quite a lot but all it is, is a way for the web page to send and receive data from the server with out having to do a page refresh. Web pages should not rely on these kinds of technologies to work properly and should be usable without client-side scripting.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.strangecorp.com/2009/08/beginners-guide-to-top-10-html-tags/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Fun with RSS</title>
		<link>http://blog.strangecorp.com/2009/03/fun-with-rss/</link>
		<comments>http://blog.strangecorp.com/2009/03/fun-with-rss/#comments</comments>
		<pubDate>Thu, 05 Mar 2009 09:23:20 +0000</pubDate>
		<dc:creator>Dom Ebel</dc:creator>
		
		<category><![CDATA[Development]]></category>

		<category><![CDATA[RSS]]></category>

		<category><![CDATA[social networking]]></category>

		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://blog.strangecorp.com/?p=92</guid>
		<description><![CDATA[<img style="float:right;" title="RSS icon" src="http://blog.strangecorp.com/wp-content/uploads/2009/02/rss.jpg" alt="RSS icon" width="100" height="100" />RSS stands for <strong>Really Simple Syndication</strong>. This is a file format that uses XML that allow websites to publish information and for other websites or software applications to read it. RSS is a standard but has come to signify a number of other formats such as the Atom file format. RSS is usually referred to as a feed or web feed and is normally indicated by this icon:]]></description>
			<content:encoded><![CDATA[<p><img style="float:right;" title="RSS icon" src="http://blog.strangecorp.com/wp-content/uploads/2009/02/rss.jpg" alt="RSS icon" width="100" height="100" />RSS stands for <strong>Really Simple Syndication</strong>. This is a file format that uses XML that allow websites to publish information and for other websites or software applications to read it. RSS is a standard but has come to signify a number of other formats such as the Atom file format. RSS is usually referred to as a feed or web feed and is normally indicated by this icon:</p>
<h2>RSS Basics</h2>
<p>When browsing the internet the icon above will sometimes appear on your browser somewhere.</p>
<p>It appears next to the home button on Internet Explorer 7:</p>
<p style="text-align: center;"><img class="size-full wp-image-118 aligncenter" title="The RSS icon in IE7" src="http://blog.strangecorp.com/wp-content/uploads/2009/02/ie_rss.gif" alt="The RSS icon in IE7" width="306" height="30" /></p>
<p>It appears in the address bar at the top of the browser in Firefox:</p>
<p style="text-align: center;"><img class="size-full wp-image-123 aligncenter" style="clear: both;" title="The RSS icon in Firefox" src="http://blog.strangecorp.com/wp-content/uploads/2009/02/ff_rss.gif" alt="The RSS icon in IE7" width="426" height="37" /></p>
<p>This means that the browser has found a feed on the site you are visiting and if you want you can subscribe to the feed and read any new content published in the feed.</p>
<p>In Internet Explorer 7 to subscribe to a feed:</p>
<p>1)	Click on the orange icon. This should show you a list of available feeds.<br />
2)	From the list click on the feed you would like to subscribe to. This will show you a display of what the feed contains.<br />
3)	At the top of this page there should be a yellow box. In the yellow box there should be a ‘Subscribe to this feed’ link. If you click this it will add the feed to your favourite feeds. You can set up folders to organise you feeds much as you would when organising your bookmarks.</p>
<p>Once subscribed you can access your feeds by clicking on the ‘bookmarks star’ at the top right of the browser. If you view you list of feeds and you notice one that is bold this means that the feed has new content that you have not looked at yet.</p>
<p>To subscribe to a feed in Firefox when you see the orange icon in the address bar if you click on it, it will show you a short dropdown menu. This will display your subscription options. You can add the feed as a ‘live bookmark’ this is pretty much like a normal bookmark but when you click on it, it will display a list of the latest content published in the feed. With Firefox you can also use an extension to view the feed or use another application to read the feed.</p>
<h2>Other Applications</h2>
<p><strong>Sage</strong><br />
<a href="https://addons.mozilla.org/en-US/firefox/addon/77" rel='nofollow'>https://addons.mozilla.org/en-US/firefox/addon/77</a></p>
<p>Sage is a Firefox extension. Once you have installed Sage you access it from the tools menu.  It splits the viewing panel into 3 areas. Top left is you list of feeds, underneath this appears a list content from your currently selected feed. In the main panel on the left the content from your currently selected feed is displayed along with an intro for each article.</p>
<p><strong>RSSOwl</strong><br />
<a href="http://www.rssowl.org/" rel='nofollow'>http://www.rssowl.org/</a></p>
<p>RSSOwl is a standalone feed reader application. This is a cross platform application and works on Windows, Macs and Linux. It has a three panel layout with the panel on the left displaying all your subscribed feeds. The top right hand panel displaying the content from your currently selected feed and the bottom panel display in the intro text from the article. You can also assign which browser you want any links you click on to open in. RSS has a good feature that allows you to enter a website address and automatically find any feeds on the site. This is good if you want keep up-to-date with a site and are not sure if it has any feeds.</p>
<p><strong>Google Reader</strong><br />
<a href="http://www.google.com/reader" rel='nofollow'>http://www.google.com/reader</a></p>
<p>Google Reader is an online feed reader. If you have a Google account it is one of the features you can make of. Being an online feed reader Google have incorporated some social networking features. For instance you can share articles with friends via a web page or another RSS feed. You can also ‘Star’ articles to permanently keep a particular article. You can also tag articles.</p>
<p>Google Reader provides stats on what you have been reading or subscribing to. This allows you monitor your reading habits and if you are subscribed to a lot of feeds perhaps trim some of the ones that you aren’t reading so much. The reader also suggests sites you might like to subscribe to based on you current subscriptions.</p>
<h2>What now?</h2>
<p>Many sites have feeds and subscribing to them can make the business of keeping up to date with what’s going on in the world or in your areas of interest easier. Instead of randomly ‘googling’ for articles or information, if you find sites that have feeds you can subscribe to them and follow what is going on and access all these sources in one place.</p>
<p>Many news sites now have feeds including the <a href="http://www.bbc.co.uk" rel='nofollow'>BBC</a>, <a href="http://www.cnn.com" rel='nofollow'>CNN</a>, <a href="http://www.guardian.co.uk" rel='nofollow'>The Guardian</a>, <a href="http://www.newyorktimes.com" rel='nofollow'>The New York Times</a> and many others which you can add to your reader. If you have a particular favourite there is a good chance it has a feed.</p>
<h2>Social networking and RSS</h2>
<p>Many social networking site use feeds to enable you to share information with other sites. There has been a new phenomenon called ‘lifestreaming’  where you gather together all you feeds that you create on sites like <a href="http://www.delicious.com" rel='nofollow'>Delicious</a>, <a href="http://www.facebook.com" rel='nofollow'>Facebook</a>, <a href="http://www.twitter.com" rel='nofollow'>Twitter</a> or <a href="http://www.flickr.com" rel='nofollow'>Flickr</a> and create a new feed that displays all your activity on these sites. This allows you to follow the activity of friends and colleagues by following one feed rather than subscribing to all one that appear on. Here are some links to some lifestreaming sites;</p>
<p>•	Lifestream.fm - <a href="http://lifestream.fm" rel='nofollow'>http://lifestream.fm</a><br />
•	Secondbrain - <a href="http://secondbrain.com/" rel='nofollow'>http://secondbrain.com/</a></p>
<p>Some social networks allow posting via mobile phone with that and GPS  on mobile phones and  with services like <a href="http://fireeagle.yahoo.net/" rel='nofollow'>Fire Eagle</a> it is possible for people to let their social networks know where they are in the world and what they are doing all the time.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.strangecorp.com/2009/03/fun-with-rss/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Browser Developments – Netscape, Google Chrome and Internet Explorer 8</title>
		<link>http://blog.strangecorp.com/2009/02/browser-developments/</link>
		<comments>http://blog.strangecorp.com/2009/02/browser-developments/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 16:23:28 +0000</pubDate>
		<dc:creator>Dom Ebel</dc:creator>
		
		<category><![CDATA[Development]]></category>

		<category><![CDATA[browsers]]></category>

		<category><![CDATA[Google Chrome]]></category>

		<category><![CDATA[IE8]]></category>

		<category><![CDATA[Internet Explorer]]></category>

		<category><![CDATA[Netscape]]></category>

		<guid isPermaLink="false">http://blog.strangecorp.com/?p=82</guid>
		<description><![CDATA[Over the last year we have witnessed some interesting developments in the wonderful world of web browsers. There have been a couple of new arrivals (Internet Explorer 8 and Google Chrome), one significant departure (Netscape Navigator) and ongoing updates to the usual suspects (Internet Explorer, Safari, Opera and Firefox)...]]></description>
			<content:encoded><![CDATA[<p>Over the last year we have witnessed some interesting developments in the wonderful world of web browsers. There have been a couple of new arrivals (Internet Explorer 8 and Google Chrome), one significant departure (Netscape Navigator) and ongoing updates to the usual suspects (Internet Explorer, Safari, Opera and Firefox).</p>
<h2>Netscape Navigator loses AOL support</h2>
<p>In March 2008, AOL ceased supporting Netscape Navigator which it acquired in 1998. Originally launched in 1994 by the Mosaic Communications Corporation (later renamed Netscape Communications Corporation), Mosaic Netscape was the first multi-platform web browser to provide a consistent web-browsing experience, and remained the only serious competition to Microsoft’s Internet Explorer for several years.</p>
<p>Netscape went on to form the open source Mozilla project in 1998, releasing the Mozilla Application Suite which included the Gecko layout engine (the underlying rendering engine used by several current browsers, including Firefox). The final version of AOL’s Netscape, Netscape Navigator 9, was released in October 2007 and Netscape remains one of the most popular and well established browsers to date despite competition from the likes of Opera, Safari, Firefox, et al.</p>
<h2>Internet Explorer 8 released</h2>
<p>In August 2008, Microsoft released a second beta version of Internet Explorer 8. Unlike the initial beta release (in March), IE8 Beta 2 is a far more complete version that is shaping up to be the most standards-compliant browser Microsoft have produced to date.</p>
<p>Historically, the Internet Explorer rendering engine has been heavily criticised by the web-development community at large for not adhering properly to W3C web standards. Consequently, building websites for display in Internet Explorer has traditionally involved writing specific code to get around its numerous ‘features’ (AKA bugs).</p>
<p>In theory, IE8 will not require these browser-specific ‘hacks’ in order to make it consistent with other (more compliant) browsers such as Firefox or Safari.</p>
<blockquote><p>IE8 will allow the developer to specify whether the website should be rendered in standards-compliant IE8 mode, or in the older IE7 mode, to render correctly</p></blockquote>
<p>Unfortunately, despite (or rather because of) the improvements to the rendering engine, websites that currently employ IE6/IE7-specific ‘hacks’ to ensure consistency will render incorrectly in the new and improved version.</p>
<p>Microsoft’s answer to this is version targeting. By including an IE7 rendering mode in the IE8 browser it hopes to avoid ‘breaking’ the vast majority of websites by allowing the developer to specify whether the website should be rendered in standards-compliant IE8 mode, or in the older IE7 ‘almost standards mode’.</p>
<p>The release candidate for Internet Explorer 8 was released in January 2009, in preparation for the final release later in the year. Websites that employ IE-specific code and are likely to cause problems in IE8 will need to be prepared for release by the addition of meta-tags or an HTTP-header to invoke the IE7 compatibility mode.</p>
<h2>Google Chrome browser released</h2>
<blockquote><p>Google have concentrated on speed, stability and security and delivered a simple, fast and streamlined browser</p></blockquote>
<p>In September 2008, Google released a beta version of their new open-source web browser, Google Chrome. With the aim of producing a browser designed for the way we all use the web today, the developers at Google have concentrated on speed, stability and security and delivered a simple, fast and streamlined browser that is better equipped than most to cope with today’s heavy web-application use (social networking, shopping, uploading video, etc).</p>
<p>As Chrome uses the excellent WebKit rendering engine to display web pages (the same engine as Apple’s Safari browser), it is extremely easy to develop websites for and requires very little attention during the testing phase. The final stable version of Google Chrome was released for Windows XP and Vista in December 2008, and Linux and Mac OSX versions are currently in development.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.strangecorp.com/2009/02/browser-developments/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
