
<?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>The Pixel UK Magento Development Specialists</title>
	<atom:link href="http://www.thepixel.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.thepixel.com</link>
	<description></description>
	<lastBuildDate>Mon, 07 May 2012 23:47:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Brainstorming Blog Posts</title>
		<link>http://www.thepixel.com/brainstorming-blog-posts</link>
		<comments>http://www.thepixel.com/brainstorming-blog-posts#comments</comments>
		<pubDate>Fri, 06 Apr 2012 18:21:14 +0000</pubDate>
		<dc:creator>Gwynne</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[The Pixel]]></category>
		<category><![CDATA[Blog Services]]></category>
		<category><![CDATA[Copywriting]]></category>
		<category><![CDATA[eMarketing]]></category>
		<category><![CDATA[SEO Management]]></category>

		<guid isPermaLink="false">http://www.thepixel.com/?p=4982</guid>
		<description><![CDATA[In addition to our wide range of Magento services – be it Development, Support, Hosting, or Licensing – we also offer a bespoke range of Online Marketing services to help leverage our clients&#8217; brand and products, and one of the most popular of these services is blog writing. Clients such as Heathcote &#38; Ivory, Mikimoto, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.thepixel.com/wp-content/uploads/2012/04/Idea.jpg"><img class="alignleft size-full wp-image-4985" title="Idea" src="http://www.thepixel.com/wp-content/uploads/2012/04/Idea.jpg" alt="" width="150" height="148" /></a>In addition to our wide range of Magento services – be it <a href="http://www.thepixel.com/services/magento-development">Development</a>, <a href="http://www.thepixel.com/services/magento-support">Support</a>, <a href="http://www.thepixel.com/services/magento-hosting">Hosting</a>, or <a href="http://www.thepixel.com/magento-enterprise-license">Licensing</a> – we also offer a bespoke range of <a href="http://www.thepixel.com/services/online-marketing">Online Marketing</a> services to help leverage our clients&#8217; brand and products, and one of the most popular of these services is blog writing.</p>
<p>Clients such as <a href="http://www.thepixel.com/portfolio/heathcote-ivory-2">Heathcote &amp; Ivory</a>, <a href="http://www.thepixel.com/portfolio/mikimoto">Mikimoto</a>, and <a href="http://www.thepixel.com/portfolio/stephen-arnold">Stephen Arnold</a> utilise our blog services on a weekly basis – it&#8217;s a proven way of driving more traffic to their sites, publicising new products, and keeping the homepage looking fresh without needing a constant turnaround of new products.</p>
<p>Not only do we provide all of the copywriting services for a blog, but we&#8217;ll also brainstorm interesting article ideas and features to deliver compelling reading for customers. This could be anything from current news in the relevant eCommerce sector to consumer interest pieces that are designed to incentivize product ranges.</p>
<p>So, for example, earlier this year we ran an article for Stephen Arnold Swarovski Wholesale about a <a href="http://blog.stephenarnold.co.uk/news/giant-swarovski-easter-egg-to-feature-in-faberge-hunt">Giant Swarovski Easter Egg</a>, which had been commissioned for the Fabergé Big Egg Hunt that&#8217;s currently underway in London. The news was current, relevant to Stephen Arnold&#8217;s customer-base, and provided us with leeway to insert product placement links within the copy of the blog post.</p>
<p>Alternatively, for clients where current news is less relevant to their customers, we tend to focus on consumer interest features as a way of driving readers to certain product ranges. As an example, we used a <a href="http://blog.heathcote-ivory.com/news/top-bath-relaxation-techniques/">&#8216;Top Bath Relaxation Techniques&#8217;</a> blog post as a way of leveraging Heathcote &amp; Ivory&#8217;s range of bathing products. The content was both helpful to readers, and directly related to the end products.</p>
<p>There are also technical issues to consider when writing a blog post, however, which will help the page to attain a high ranking on Google and convert written copy into high volumes of page hits. SEO optimisation is at the forefront of our approach for all blog writing, so that each post is filled with precisely targeted keywords, tags, and search terms to ensure maximum exposure.</p>
<p>For example, we vet each article by utilising Google&#8217;s Keyword Tool to find the most searched keywords in a given field, and then make sure that these words are placed at the front and centre of the relevant blog post. It&#8217;s practices like this that make the difference between a page one article on Google and an article that fails to garner any significant search engine traction.</p>
<p>To find out more about our blog writing and online marketing services, click <a href="http://www.thepixel.com/services/online-marketing">here</a> for a brief overview or simply click on the &#8216;Quick Contact&#8217; tab at the top-right hand corner of this page and we&#8217;ll be more than happy to get back to you with more details.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixel.com/brainstorming-blog-posts/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Imagine Conference – We&#8217;re Going!</title>
		<link>http://www.thepixel.com/imagine-conference-were-going</link>
		<comments>http://www.thepixel.com/imagine-conference-were-going#comments</comments>
		<pubDate>Fri, 06 Apr 2012 18:19:50 +0000</pubDate>
		<dc:creator>Gwynne</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[The Pixel]]></category>
		<category><![CDATA[Magento eCommerce]]></category>
		<category><![CDATA[Magento Imagine]]></category>

		<guid isPermaLink="false">http://www.thepixel.com/?p=4971</guid>
		<description><![CDATA[For the second year in succession, The Pixel will be attending Magento&#8217;s annual Imagine Conference. Scheduled to run later this month from April 23rd-25th, the conference brings together Magento disciples from across the globe for a diverse range of keynote addresses and so-called &#8216;Breakout&#8217; talks. Unlike the inaugural Imagine Conference last year, which was set [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.thepixel.com/wp-content/uploads/2012/04/Imagine-eCommerce.jpg"><img class="alignleft size-full wp-image-4973" title="Imagine eCommerce" src="http://www.thepixel.com/wp-content/uploads/2012/04/Imagine-eCommerce.jpg" alt="" width="150" height="84" /></a>For the second year in succession, The Pixel will be attending Magento&#8217;s annual Imagine Conference. Scheduled to run later this month from April 23rd-25th, the conference brings together Magento disciples from across the globe for a diverse range of keynote addresses and so-called &#8216;Breakout&#8217; talks.</p>
<p>Unlike the inaugural Imagine Conference last year, which was set in Los Angeles&#8217; Hilton LAX Hotel, Magento has decided to move the 2012 location over to the more dazzling setting of Las Vegas, Nevada and the aptly named M Resort Spa &amp; Casino. Despite the more lavish catering facilities, however, Magento still managed to sell out the conference back in February of this year.</p>
<p>Described as an event for the Magento Ecosystem – which is comprised of Magento developers, merchants, technology partners, and solution partners the world over – the Imagine Conference is a perfect opportunity for us to network and build our knowledge-base as a <a href="http://www.thepixel.com/magento-partners-program-were-going-for-gold">Magento Gold Solution Partner</a>.</p>
<p>Over 650 people from 27 countries attended last year and this year&#8217;s event promises to be even bigger, providing plenty of opportunities for our programmers to hone their craft and share tips of the trade with other experts from the world of eCommerce and Magento.</p>
<p>Speakers at the conference come from as far afield as an Emmy Award nominated screenwriter and a Captain of the First American Women&#8217;s Everest Expedition. The former, Tim Kring, will be talking about &#8216;The Art of Storytelling &amp; The New Monetization Models of Hollywood&#8217;, while the latter, Alison Levine will speak about &#8216;Success Strategies from the 7 Summits&#8217;.</p>
<p>It won&#8217;t be all business and no pleasure, however. In keeping with an unofficial tradition that started last year, Magento Community members have been invited to take part in the Las Vegas Labor of Love 10k run or, alternatively, a half marathon for the particularly well exercised (everyone else can presumably just take a walk down the Strip for some gambling leisure).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixel.com/imagine-conference-were-going/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sportfish Re-Design Complete!</title>
		<link>http://www.thepixel.com/sportfish-re-design-complete</link>
		<comments>http://www.thepixel.com/sportfish-re-design-complete#comments</comments>
		<pubDate>Tue, 21 Feb 2012 16:03:43 +0000</pubDate>
		<dc:creator>Gwynne</dc:creator>
				<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://www.thepixel.com/?p=4851</guid>
		<description><![CDATA[We&#8217;ve just finished our Magento re-design for Sportfish (@sportfishuk), which we&#8217;ve been working on since the fly fishing specialists joined us as new clients at the start of the year. Last week was a hub of activity at the office as we debugged the final build of the re-design on a staging site that then [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.thepixel.com/wp-content/uploads/2012/02/Homepage.jpg"><img class="alignleft size-full wp-image-4857" title="Homepage" src="http://www.thepixel.com/wp-content/uploads/2012/02/Homepage.jpg" alt="" width="270" height="266" /></a>We&#8217;ve just finished our <a href="http://www.sportfish.co.uk/" target="_blank">Magento re-design for Sportfish</a> (<a href="https://twitter.com/#!/sportfishuk" target="_blank">@sportfishuk</a>), which we&#8217;ve been working on since the <a title="Fly Fishing" href="http://www.sportfish.co.uk/fly-fishing.html" target="_blank">fly fishing</a> specialists joined us as <a href="http://www.thepixel.com/the-pixel-welcomes-new-clients-farlows-and-sportfish">new clients</a> at the start of the year. Last week was a hub of activity at the office as we debugged the final build of the re-design on a staging site that then went live at a low traffic period.</p>
<p>We&#8217;ve also built a couple of modules and extensions to the new Sportfish site that bring a lot of additional functionality. Firstly there&#8217;s our custom-built <a title="World Wide River ~Guides" href="http://www.sportfish.co.uk/worldmap" target="_blank">World Wide river guide</a>s , which use an interactive world map interface to display picturesque fishing spots from around the globe. We&#8217;ll be adding more locations to this resource as we continue to build-up the site over the coming weeks and months, so <a href="http://www.sportfish.co.uk/worldmap/country?c=EU&amp;country=United+Kingdom" target="_blank">watch this space</a>&#8230;</p>
<p>Our programmers have also been busy working on what we&#8217;re referring to as a &#8216;Landing Site&#8217; module, which we&#8217;ve built-in to Magento&#8217;s CMS. Simply put, this module allows admin users at Sportfish to control and edit all of the banners on the homepage and category pages without any specific coding knowledge or expertise. Everything from text to new images and products can now be edited across each page&#8217;s array of banners at the touch of a few buttons or drop-down lists.</p>
<p>Stay tuned to our Twitter account <a href="https://twitter.com/#!/thePixelDesign">@thePixelDesign</a> for more updates on our work as they happen&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixel.com/sportfish-re-design-complete/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Magento Partners Program – We&#8217;re Going For Gold!</title>
		<link>http://www.thepixel.com/magento-partners-program-were-going-for-gold</link>
		<comments>http://www.thepixel.com/magento-partners-program-were-going-for-gold#comments</comments>
		<pubDate>Thu, 19 Jan 2012 23:57:54 +0000</pubDate>
		<dc:creator>Gwynne</dc:creator>
				<category><![CDATA[Magento Development]]></category>
		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://www.thepixel.com/?p=4771</guid>
		<description><![CDATA[Here at The Pixel, we&#8217;re currently finalising the process of obtaining our Magento Gold Partner license. Some of our regular visitors to the site and current clients will know that we&#8217;ve been a Silver Partner for the past two years or so – one thing we can assure you is that our high quality of [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.thepixel.com/wp-content/uploads/2012/01/MagentoGold2.jpg"><img class="size-full wp-image-4777 alignleft" title="MagentoGold" src="http://www.thepixel.com/wp-content/uploads/2012/01/MagentoGold2.jpg" alt="" width="171" height="127" /></a>Here at The Pixel, we&#8217;re currently finalising the process of obtaining our Magento Gold Partner license. Some of our regular visitors to the site and current clients will know that we&#8217;ve been a Silver Partner for the past two years or so – one thing we can assure you is that our high quality of service will remain the same; the Gold Partner status will mean little more than an emblem on the footer of our site and a higher ranking on Magento&#8217;s directory of UK Partners.</p>
<p>Obviously, the thinking behind our decision is to improve our overall appearance to potential new clients and drive more traffic to our site from the <a href="http://www.magentocommerce.com/partners/solution/" target="_blank">Magento Solution Partners</a> UK directory. What we&#8217;re interested to find out from you, our potential and existing clients, is whether the Gold status will make any significant impact on your perception of the company or improve the likelihood of you pursuing our services for Magento development in future.</p>
<p>We pride ourselves on being able to serve any potential client &#8211; regardless of whether they&#8217;re a global brand, small company, or web start-up &#8211; and it goes without saying that your feedback is invaluable to us, so please do let us know your thoughts in the comments below or get hold of us via Twitter <a href="https://twitter.com/#!/thePixelDesign">@thePixelDesign</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixel.com/magento-partners-program-were-going-for-gold/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Letter from America – Wholesale Boutique becomes our latest new client</title>
		<link>http://www.thepixel.com/letter-from-america-wholesale-boutique-becomes-our-latest-new-client</link>
		<comments>http://www.thepixel.com/letter-from-america-wholesale-boutique-becomes-our-latest-new-client#comments</comments>
		<pubDate>Mon, 09 Jan 2012 14:10:04 +0000</pubDate>
		<dc:creator>Gwynne</dc:creator>
				<category><![CDATA[Magento Development]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[The Pixel]]></category>

		<guid isPermaLink="false">http://www.thepixel.com/?p=4693</guid>
		<description><![CDATA[Our good fortune so far this New Year continued today as Wholesale Boutique became The Pixel&#8217;s latest new client. The US retailer of personalised bags and jewellery was in the market for a new web-based solution and sought us out to quarterback the project. We&#8217;ll be building a new Wholesale Boutique site around a Magento [...]]]></description>
			<content:encoded><![CDATA[<p>Our <a href="http://www.thepixel.com/2012/01/the-pixel-welcomes-new-clients-farlows-and-sportfish">good fortune so far this New Year</a> continued today as Wholesale Boutique became The Pixel&#8217;s latest new client. The US retailer of personalised bags and jewellery was in the market for a new web-based solution and sought us out to quarterback the project.</p>
<p>We&#8217;ll be building a new Wholesale Boutique site around a Magento framework, while our programmers will utilise their extensive knowledge of Ajax and JSON coding to bring Wholesale Boutique&#8217;s extensive catalogue of personalised products under a streamlined back-end.</p>
<p>One particularly advantageous piece of business comes from the current exchange rate between the US dollar and Great British pound, which allows us to offer an hourly rate that works out as much as 25% cheaper than some of the US-based Magento development companies Wholesale Boutique had been in discussions with.</p>
<p>Utilising a variety of specialised personalising techniques &#8211; from embroidery to laser and mechanical engraving – Wholesale Boutique&#8217;s product range focuses on bags (totes, carry alls, backpacks, and more&#8230;) but also features headbands, an array of jewellery options such as earrings or bracelets, and even a range targeted exclusively at the lucrative &#8216;Tween&#8217; market.</p>
<p>Link: <a href="http://www.wholesaleboutique.com/" target="_blank">Wholesale Boutique</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixel.com/letter-from-america-wholesale-boutique-becomes-our-latest-new-client/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Pixel welcomes new clients, Farlows and Sportfish</title>
		<link>http://www.thepixel.com/the-pixel-welcomes-new-clients-farlows-and-sportfish</link>
		<comments>http://www.thepixel.com/the-pixel-welcomes-new-clients-farlows-and-sportfish#comments</comments>
		<pubDate>Mon, 09 Jan 2012 12:50:20 +0000</pubDate>
		<dc:creator>Gwynne</dc:creator>
				<category><![CDATA[Magento Development]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[The Pixel]]></category>
		<category><![CDATA[Clients]]></category>
		<category><![CDATA[Magento Enterprise]]></category>

		<guid isPermaLink="false">http://www.thepixel.com/?p=4688</guid>
		<description><![CDATA[Expert fly fishing and outdoor hunting specialists, Farlows and Sportfish have joined The Pixel as our first new clients of 2012. While both sites currently utilise a custom-built web platform for online sales, their parent company was eager to pursue Magento integration for the benefits of open source development that it offers. Operating out of [...]]]></description>
			<content:encoded><![CDATA[<p>Expert fly fishing and outdoor hunting specialists, <a href="http://www.farlows.co.uk/" target="_blank">Farlows</a> and <a href="http://www.sportfish.co.uk/" target="_blank">Sportfish</a> have joined The Pixel as our first new clients of 2012. While both sites currently utilise a custom-built web platform for online sales, their parent company was eager to pursue Magento integration for the benefits of open source development that it offers.</p>
<p>Operating out of a flagship store in Pall Mall, London, Farlows is a seller of advanced fishing and hunting accessories as well as high-end clothing and attire for the followers of each sport. It&#8217;s sister company, Sportfish specialises in fly fishing and its vendors can be found across the UK&#8217;s most popular fishing destinations.</p>
<p>As well as Magento integration to the current Farlows and Sportfish websites, The Pixel will also be responsible for ongoing content management of product catalogues and ERP integration to streamline the distribution chains of each website.</p>
<p>We&#8217;ll also be spearheading a new World Map hub within both sites, which will operate as a valuable resource for customers by documenting world-renowned fishing and hunting destinations. With an interface that can zoom from an atlas to continent view with the click of a mouse, and information libraries for each point of interest, this World Map feature is sure to be a key feature of The Pixel&#8217;s design imprint on each new web location.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixel.com/the-pixel-welcomes-new-clients-farlows-and-sportfish/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A look back at &#8216;A Lidl Bit of Magic&#8217;</title>
		<link>http://www.thepixel.com/a-look-back-at-a-lidl-bit-of-magic</link>
		<comments>http://www.thepixel.com/a-look-back-at-a-lidl-bit-of-magic#comments</comments>
		<pubDate>Mon, 09 Jan 2012 12:49:54 +0000</pubDate>
		<dc:creator>Gwynne</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[The Pixel]]></category>

		<guid isPermaLink="false">http://www.thepixel.com/?p=4669</guid>
		<description><![CDATA[In the run-up to Christmas last year, we undertook one of our most ambitious projects of the year for European supermarket giant, Lidl. The remit was to produce a web-based hub for Lidl&#8217;s Christmas publicity run in the UK under the title, &#8216;A Lidl Bit of Magic&#8217;. This would include a film shoot with TV [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.thepixel.com/wp-content/uploads/2012/01/a-lidl-bit-of-magic.jpg"><img class="alignright size-medium wp-image-4670" style="border: 1px solid black;" title="a-lidl-bit-of-magic" src="http://www.thepixel.com/wp-content/uploads/2012/01/a-lidl-bit-of-magic-300x166.jpg" alt="" width="300" height="166" /></a>In the run-up to Christmas last year, we undertook one of our most ambitious projects of the year for European supermarket giant, Lidl. The remit was to produce a web-based hub for Lidl&#8217;s Christmas publicity run in the UK under the title, &#8216;A Lidl Bit of Magic&#8217;. This would include a film shoot with TV celebrity chef, Lesley Walters, as well as the creation of a smartphone app for Android and iOS devices as an alternative publicity stream.</p>
<p>Starting with a WordPress site as the centralised hub for all things &#8216;A Lidl Bit of Magic&#8217;, security was of the utmost concern. Our programmers set about the task of creating an ultra secure hosting platform for the website to account for the huge influx of traffic it would inevitably receive, and to assuage the understandable security concerns of a multinational company.</p>
<p>Moving on from that, aesthetic design formed the second pillar of focus on the website. For what was essentially advertising space and promotion, we needed to provide incentives for users to continue browsing the site once they&#8217;d landed there from the original lures of the competition and special offers.</p>
<p>An online brochure was presented using Flash animation, while a recipe book utilised jQuery, both in an eMagazine-style format. We took the decision to avoid<a href="http://www.thepixel.com/wp-content/uploads/2012/01/a-lidl-bit-of-magic2.jpg"><img class="alignleft  wp-image-4671" style="border: 1px solid black;" title="a-lidl-bit-of-magic2" src="http://www.thepixel.com/wp-content/uploads/2012/01/a-lidl-bit-of-magic2-300x166.jpg" alt="" width="300" height="166" /></a> the static appearance of a webpage and, instead, opted for something that had more in common with a printed, hard copy. This provided scope for more lavish, appealing photo work and a freer style of design, thereby presenting a format that was more appealing to the customer.</p>
<p>Also embedded within the site was a film reel of celeb chef, Lesley Walters cooking Christmas recipes from the site&#8217;s Flash book. We were responsible for both the management and organisation of <a href="http://www.genny.tv/" target="_blank">Generator Digital&#8217;s</a> shoot, before compressing the footage down for web-based media and streaming it through the &#8216;A Lidl Bit of Magic&#8217; site without compromising its original quality.</p>
<p>Another key feature of the campaign&#8217;s three-pronged promotional strategy was a smartphone app, developed in-house by our experienced team of app developers. As well as holding the competitions and recipes found on the main website hub, our Android and iOS app also boasted exclusive features such as a turkey timer (which calculated estimated cooking times based on size and weight), a cooking time guide for Christmas vegetables, <a href="http://www.thepixel.com/wp-content/uploads/2012/01/a-lidl-bit-of-magic31.jpg"><img class="alignright size-medium wp-image-4673" style="border: 1px solid black;" title="a-lidl-bit-of-magic3" src="http://www.thepixel.com/wp-content/uploads/2012/01/a-lidl-bit-of-magic31-300x166.jpg" alt="" width="300" height="166" /></a>and a handy shopping list that customers could use to tick off purchases for &#8216;A Lidl Bit of Magic&#8217;s&#8217; featured recipes while they were shopping. Although we&#8217;re not at liberty to reveal precise download figures for the app, we can tell you that it was more successful than even our most optimistic predictions during development.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixel.com/a-look-back-at-a-lidl-bit-of-magic/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Happy New Year, One And All!</title>
		<link>http://www.thepixel.com/happy-new-year-one-and-all</link>
		<comments>http://www.thepixel.com/happy-new-year-one-and-all#comments</comments>
		<pubDate>Tue, 03 Jan 2012 17:55:27 +0000</pubDate>
		<dc:creator>Duncan</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[The Pixel]]></category>

		<guid isPermaLink="false">http://www.thepixel.com/?p=4634</guid>
		<description><![CDATA[Here at The Pixel we&#8217;d like to take this opportunity to pass on our happiest of New Year&#8217;s greetings to all of our clients, blog readers, and fellow Magento developers. We hope you had a great break over the holidays and that this New Year will bring plenty of fresh business opportunities for your company. [...]]]></description>
			<content:encoded><![CDATA[<p>Here at The Pixel we&#8217;d like to take this opportunity to pass on our happiest of New Year&#8217;s greetings to all of our clients, blog readers, and fellow Magento developers. We hope you had a great break over the holidays and that this New Year will bring plenty of fresh business opportunities for your company.</p>
<p>2011 was another great year for The Pixel. We welcomed new clients and enjoyed continued growth alongside the Magento platform that&#8217;s been so good to us since we started developing for it upon its launch in 2007. As one of Magento&#8217;s Silver Solution Partners, we&#8217;ll strive to continue raising the bar on our bespoke range of services so that our existing clients and potential new customers can enjoy further growth in their respective lines of business.</p>
<p>So if you&#8217;re new to The Pixel, or perhaps have been following our progress through this site, then please don&#8217;t hesitate to get in contact through the link or handy tab in the top right-hand corner of this page. Alternatively, for a briefer query or just to keep up with us day-to-day, please feel free to follow us on Twitter <a title="The Pixel on Twitter" href="http://twitter.com/#!/thePixelDesign" target="_blank">@thePixelDesign</a> and shoot through your thoughts.</p>
<p>Here&#8217;s to a bountiful 2012!</p>
<p>All the best,<br />
The Pixel team</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixel.com/happy-new-year-one-and-all/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Product price and Google product search</title>
		<link>http://www.thepixel.com/display-the-correct-price-for-your-configurable-product-in-google-product-search</link>
		<comments>http://www.thepixel.com/display-the-correct-price-for-your-configurable-product-in-google-product-search#comments</comments>
		<pubDate>Sun, 13 Nov 2011 18:48:31 +0000</pubDate>
		<dc:creator>Robert Kantor</dc:creator>
				<category><![CDATA[Magento Development]]></category>
		<category><![CDATA[Magento Tutorials]]></category>

		<guid isPermaLink="false">http://www.thepixel.com/?p=4571</guid>
		<description><![CDATA[The Modules &#8220;Simple Google Shopping allows you to export in a few minutes a valid and well structured data flow of your products from your Magento web-site to your Google Merchant account.&#8221; &#8220;With Simple Configurable Products, the price for configurable products is taken directly from the associated simple products rather than the configurable product itself.&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p><strong>The Modules</strong><br />
&#8220;Simple Google Shopping allows you to export in a few minutes a valid and well structured data flow of your products from your Magento web-site to your Google Merchant account.&#8221;<br />
&#8220;With Simple Configurable Products, the price for configurable products is taken directly from the associated simple products rather than the configurable product itself.&#8221;</p>
<p><strong>The Problem</strong><br />
There are several Magento modules out there that deal with the pricing of configurable and bundle product should you wish to calculate the display price using the combined price of the associated products. By using one of these modules your frontend is sorted but what happens to your google feed? Obviously you want to display the same prices within google search results as you do on your website. By customising the Simple Google Shopping module the result is easily achieved.<br />
One of our client&#8217;s site is set up so that every product has a regular and a special price the latter being the one they sell the products at. This does not cause any issue when adding the price to the XML feed for simple products but because both the bundle and configurable products are built out of simple products when we try to get the price using either the default attributes that come with the feed module or the conventional getPrice() function we get either 0 or the sum of the regular price of the simple products as value for the price attribute.</p>
<p><strong>A Workaround</strong><br />
Without going into too much detail (an excellent documentation can be found on the feed module&#8217;s website) I will show you a quick workaround to solve the problem by modifying the XML product pattern under Google Shopping in the Admin section of the site (one more time, you will need the Simple Google Shopping (by Wyomind) module installed and there is a chance that you are already using one of the modules out there for the configurable product pricing, we took advantage of the one called Simple Configurable Product (by Organic Internet &#038; Mobile) which allows you to build up configurable products out of simple ones):</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">&lt;g:price&gt;
<span style="color: #000000; font-weight: bold;">&lt;?</span> 
<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getTypeId</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;configurable&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
  	<span style="color: #000088;">$_price</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$_config_product</span> <span style="color: #339933;">=</span> Mage<span style="color: #339933;">::</span><span style="color: #004000;">getModel</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'catalog/product'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">load</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getId</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$_helper</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> OrganicInternet_SimpleConfigurableProducts_Catalog_Model_Product_Type_Configurable_Price<span style="color: #339933;">;</span>
	<span style="color: #000088;">$_price</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>float<span style="color: #009900;">&#41;</span><span style="color: #000088;">$_helper</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getFinalPrice</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="color: #000088;">$_config_product</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$_price</span> <span style="color: #339933;">*=</span> <span style="color:#800080;">1.2</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$_price</span> <span style="color: #339933;">=</span> <span style="color: #990000;">number_format</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_price</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">2</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'.'</span><span style="color: #339933;">,</span><span style="color: #0000ff;">' '</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">return</span> <span style="color: #000088;">$_price</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getTypeId</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">'bundle'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000088;">$bundled_product</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Mage_Catalog_Model_Product<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    	<span style="color: #000088;">$bundled_product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">load</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getId</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
    	<span style="color: #000088;">$selectionCollection</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$bundled_product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getTypeInstance</span><span style="color: #009900;">&#40;</span><span style="color: #009900; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getSelectionsCollection</span><span style="color: #009900;">&#40;</span>
        	<span style="color: #000088;">$bundled_product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getTypeInstance</span><span style="color: #009900;">&#40;</span><span style="color: #009900; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getOptionsIds</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$bundled_product</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$bundled_product</span>
    	<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
   	<span style="color: #000088;">$_prices</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getTypeId</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;configurable&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
  	<span style="color: #000088;">$_price</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$_config_product</span> <span style="color: #339933;">=</span> Mage<span style="color: #339933;">::</span><span style="color: #004000;">getModel</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'catalog/product'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">load</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getId</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$_helper</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> OrganicInternet_SimpleConfigurableProducts_Catalog_Model_Product_Type_Configurable_Price<span style="color: #339933;">;</span>
	<span style="color: #000088;">$_price</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>float<span style="color: #009900;">&#41;</span><span style="color: #000088;">$_helper</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getFinalPrice</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><span style="color: #000088;">$_config_product</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$_price</span> <span style="color: #339933;">*=</span> <span style="color:#800080;">1.2</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$_price</span> <span style="color: #339933;">=</span> <span style="color: #990000;">number_format</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_price</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">2</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'.'</span><span style="color: #339933;">,</span><span style="color: #0000ff;">' '</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">return</span> <span style="color: #000088;">$_price</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getTypeId</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">'bundle'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000088;">$bundled_product</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Mage_Catalog_Model_Product<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    	<span style="color: #000088;">$bundled_product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">load</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getId</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
    	<span style="color: #000088;">$selectionCollection</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$bundled_product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getTypeInstance</span><span style="color: #009900;">&#40;</span><span style="color: #009900; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getSelectionsCollection</span><span style="color: #009900;">&#40;</span>
        		<span style="color: #000088;">$bundled_product</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getTypeInstance</span><span style="color: #009900;">&#40;</span><span style="color: #009900; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getOptionsIds</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$bundled_product</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$bundled_product</span>
    	<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #000088;">$_prices</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    	<span style="color: #000088;">$_price</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
&nbsp;
    	<span style="color: #b1b100;">foreach</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$selectionCollection</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$option</span><span style="color: #009900;">&#41;</span>  	<span style="color: #009900;">&#123;</span>
		<span style="color: #000088;">$_thisPrice</span> <span style="color: #339933;">=</span> Mage<span style="color: #339933;">::</span><span style="color: #004000;">getModel</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'bundle/product_price'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getSelectionPrice</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$bundled_product</span><span style="color: #339933;">,</span> <span style="color: #000088;">$option</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$_thisOptionId</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$option</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getData</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'option_id'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_prices</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$_thisOptionId</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_thisPrice</span> <span style="color: #339933;">&lt;</span> <span style="color: #000088;">$_prices</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$_thisOptionId</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
				<span style="color: #000088;">$_prices</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$_thisOptionId</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$_thisPrice</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000088;">$_prices</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$_thisOptionId</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$_thisPrice</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
&nbsp;
	<span style="color: #b1b100;">foreach</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_prices</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$_aPrice</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			<span style="color: #000088;">$_price</span> <span style="color: #339933;">+=</span> <span style="color: #000088;">$_aPrice</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
&nbsp;
    	<span style="color: #b1b100;">return</span> <span style="color: #000088;">$_price</span><span style="color: #339933;">*</span><span style="color:#800080;">1.2</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span>
<span style="color: #b1b100;">return</span> <span style="color: #0000ff;">&quot;{special_price}&quot;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #000000; font-weight: bold;">?&gt;</span>
GBP&lt;/g:price&gt;</pre></td></tr></table></div>

<p>The above is an excerpt from the shopping feed more precisely the part where we tell Google about the price of the product. The code is divided into three cases:<br />
- configurable product<br />
- bundle product<br />
- other (in our case it means simple product)<br />
The feed module allows us to use php code when setting the value for a tag as long as the code is placed between the php opening and closing (shorthand)tags. Also we are offered a <em>$product</em> object by default which is suitable for getting basic product related attributes but not detailed enough to calculate the price based on the related products&#8217; special prices. Hence, we need to load a full product instance first then we loop through the related products, get the lowest prices per categories and add them together to get the lowest price our product can be sold at. This algorithm is valid for both configurable and bundle product types. (For simple product we simply use the {special_price} special attribute supplied by the feed module itself.) However, you may have noticed that for configurable products we don&#8217;t loop through the associated products. It is because the module we use for building configurable products out of simple products gives us the modified version (the original is available from the core) of the getFinalPrice() funtion so to keep our code as simple as possible we use that instead of searching for related products and finding the lowest price. The function does just the same for us. For bundle products we are not in luck, just have to take the longer route to find out the prices.<br />
Before we return the price we multiply it by 1.2 to get a VAT included price. This is hardcoded for the time being but you could get the amount of VAT the same way as Magento does it when displaying VAT included prices.<br />
Simple as that.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixel.com/display-the-correct-price-for-your-configurable-product-in-google-product-search/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Javascript good-to-knows</title>
		<link>http://www.thepixel.com/javascript-good-to-knows</link>
		<comments>http://www.thepixel.com/javascript-good-to-knows#comments</comments>
		<pubDate>Thu, 03 Nov 2011 13:18:31 +0000</pubDate>
		<dc:creator>Robert Kantor</dc:creator>
				<category><![CDATA[Magento Development]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.thepixel.com/?p=4538</guid>
		<description><![CDATA[A Fire-BUG During my recent development on a client&#8217;s website I bumped into a problem where some of the javascript code i wrote was not processed at all in Firefox when I had the Firebug developer tool open. It left me baffled for a few minutes and in this special case my way of debugging [...]]]></description>
			<content:encoded><![CDATA[<p><strong>A Fire-BUG</strong></p>
<p>During my recent development on a client&#8217;s website I bumped into a problem where some of the javascript code i wrote was not processed at all in Firefox when I had the Firebug developer tool open. It left me baffled for a few minutes and in this special case my way of debugging was actually making things worse because it turned out that the script was not executed with the debug lines in the code (do you see the irony in here?). As soon as I commented out the debug lines the code was doing its magic again. After all that I had a quick google on the topic and here&#8217;s what I&#8217;ve found:<br />
I use console.log() for debugging quite a lot especially if I work on a live site because it does not cause the same distraction as an alert popup does. However, without Firebug enabled in Firefox console.log() will consider the rest of the code following this line as broken because it will be looking for Firebug that is closed. If one opens Firebug and refreshes the page the script will start working again. A suggested workaround for this is to wrap the debug line in an if statement as the following:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>window.<span style="color: #660066;">console</span> <span style="color: #339933;">&amp;</span>amp<span style="color: #339933;">;&amp;</span>amp<span style="color: #339933;">;</span> window.<span style="color: #660066;">console</span>.<span style="color: #660066;">firebug</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">:</span>
    console.<span style="color: #660066;">log</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'Debug information goes here'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
endif<span style="color: #339933;">;</span></pre></div></div>

<p>If you plan on using console.log() on multiple occasions during development you might want to consider writing a function for it.</p>
<p><strong>HTML element identifiers: classes and ids</strong></p>
<p>When they (w3c) say that id must be a unique identifier they are not kidding, you know. As obvious as it sounds it is an easy mistake to make to end up with multiple html elements sharing the exact same id when you have dynamically generated content (common case when using any of the cms platforms out there).<br />
As a recent experience I ended up with a category page where the container elements had different ids (as they should) but the nested elements had the same ids as other children elements of a different container element as illustrated in the simplified example below:</p>
<div id="catA">
<h1 id="title">&#8230;</h1>
<p id="content">&#8230;</p>
</div>
<div id="catB">
<h1 id="title">&#8230;</h1>
<p id="content">&#8230;</p>
</div>
<p>Most of the time you would not even notice it because browsers nowadays are clever enough to cope with the issues this type of invalid markup can cause but as soon as it gets to testing the site in Internet Explorer ( especially version 7 and 8 ) you will notice a similar expression on your face to the one you would expect to see on a tourist&#8217;s who is about to be eaten by a goonch catfish on the bank of Kali River. Should you encounter similar behaviour first make sure that your website has a valid markup and replace duplicated ids with classes.<br />
If you use jQuery for achieving better user experience you will find that .parent(), .parents(), the child selector (parent &gt; child), descendant selector (&#8220;ancestor descendant&#8221;), :first, :first-child and other selectors of the kind will soon become your best friends.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixel.com/javascript-good-to-knows/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

