<?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>benfrain.com - blog of writer and web designer Ben Frain. OSX, iPhone, Apple Mac, Windows 7, website design writing &#187; jquery</title>
	<atom:link href="http://benfrain.com/notepad/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://benfrain.com/notepad</link>
	<description>It&#039;s about web design and writing</description>
	<lastBuildDate>Mon, 06 Feb 2012 12:18:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Easily display the viewport size of your page (for responsive designs)</title>
		<link>http://benfrain.com/notepad/2011/09/easily-display-the-viewport-size-of-your-page-for-responsive-designs.html</link>
		<comments>http://benfrain.com/notepad/2011/09/easily-display-the-viewport-size-of-your-page-for-responsive-designs.html#comments</comments>
		<pubDate>Mon, 05 Sep 2011 15:15:01 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Responsive]]></category>
		<category><![CDATA[viewport]]></category>

		<guid isPermaLink="false">http://benfrain.com/notepad/?p=1199</guid>
		<description><![CDATA[I&#8217;m doing a lot of work with responsive web design at the moment and I wanted a quick and simple cross-browser way of showing what size the current viewport window (you know that bit that actually shows the webpage, sans the interface) was. There&#8217;s lots of cool extensions (Resize for Safari being a favourite) out [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2011/09/easily-display-the-viewport-size-of-your-page-for-responsive-designs.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to easily add jQuery scripts to a WordPress Child Theme</title>
		<link>http://benfrain.com/notepad/2011/08/how-to-easily-add-jquery-scripts-to-a-wordpress-child-theme.html</link>
		<comments>http://benfrain.com/notepad/2011/08/how-to-easily-add-jquery-scripts-to-a-wordpress-child-theme.html#comments</comments>
		<pubDate>Tue, 09 Aug 2011 12:01:42 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Tech-tip]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[enqueue]]></category>
		<category><![CDATA[humour]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Worpress]]></category>

		<guid isPermaLink="false">http://benfrain.com/notepad/?p=1195</guid>
		<description><![CDATA[As part of a piece I&#8217;m writing for MacUser magazine I&#8217;m trying to explain how to easily add jQuery and an associated custom script to a Child Theme in WordPress (v3 onwards). If you&#8217;re a designer primarily, the following code snippet may well help you. It assumes you have already made a child theme. With [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2011/08/how-to-easily-add-jquery-scripts-to-a-wordpress-child-theme.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>TestTrack.Tv website is now live for high octane videos</title>
		<link>http://benfrain.com/notepad/2011/07/testtrack-tv-website-is-now-live-for-high-octane-videos.html</link>
		<comments>http://benfrain.com/notepad/2011/07/testtrack-tv-website-is-now-live-for-high-octane-videos.html#comments</comments>
		<pubDate>Mon, 25 Jul 2011 22:05:25 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[TestTrack.tv]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://benfrain.com/notepad/?p=1182</guid>
		<description><![CDATA[I&#8217;ve been working on the testtrack.tv website with the test track.tv team since February on and off. It&#8217;s a video based website which showcases all the best high octane videos from around the net. Besides having stacks of incredible videos there is also a motorsport event calendar that can be searched with integrated Google Maps [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2011/07/testtrack-tv-website-is-now-live-for-high-octane-videos.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Magento &#8211; add an expanding accordion style vertical side menu</title>
		<link>http://benfrain.com/notepad/2011/05/magento-add-an-expanding-accordion-style-vertical-side-menu.html</link>
		<comments>http://benfrain.com/notepad/2011/05/magento-add-an-expanding-accordion-style-vertical-side-menu.html#comments</comments>
		<pubDate>Tue, 03 May 2011 21:58:08 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Magento]]></category>
		<category><![CDATA[Magento Theming]]></category>
		<category><![CDATA[vertical menu]]></category>

		<guid isPermaLink="false">http://benfrain.com/notepad/?p=1136</guid>
		<description><![CDATA[By default, Magento uses a horizontal drop-down menu. In this post we will &#8216;stand on the shoulders of giants&#8217; and use some jQuery to create an accordion style sidebar (vertical) menu. This is based on a 1.4.1.1 installation of Magento. The fantastic extension we will be using to create the sidebar based vertical menu is [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2011/05/magento-add-an-expanding-accordion-style-vertical-side-menu.html/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>A few WordPress development tips, tricks and shortcuts</title>
		<link>http://benfrain.com/notepad/2011/02/wordpress-development-tips-tricks-and-shortcuts.html</link>
		<comments>http://benfrain.com/notepad/2011/02/wordpress-development-tips-tricks-and-shortcuts.html#comments</comments>
		<pubDate>Wed, 23 Feb 2011 12:24:11 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[CDN]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://benfrain.com/notepad/?p=1088</guid>
		<description><![CDATA[OK, first of all, I didn&#8217;t come up with these. I&#8217;ve found them through trial and error whilst wrestling a WordPress project I&#8217;m working on into submission and then tweaked them to my needs. They are in no particular order but if you are working on a WordPress template file in PHP, the following may [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2011/02/wordpress-development-tips-tricks-and-shortcuts.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My incredibly popular PSD to HTML/CSS and jQuery service</title>
		<link>http://benfrain.com/notepad/2011/02/psd-to-htmlcss-and-jquery-service.html</link>
		<comments>http://benfrain.com/notepad/2011/02/psd-to-htmlcss-and-jquery-service.html#comments</comments>
		<pubDate>Tue, 15 Feb 2011 15:52:01 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Frontend Development]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[PSD]]></category>
		<category><![CDATA[semantics]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[Website development]]></category>

		<guid isPermaLink="false">http://benfrain.com/notepad/?p=1077</guid>
		<description><![CDATA[The last quarter of 2010 and the first quarter of 2011 has seen me doing more PSD to HTML/CSS and jQuery conversions than ever before. It&#8217;s kept me so busy I&#8217;ve not been able to put half the posts up I would have liked. On the positive side, I&#8217;ve been performing PSD to HTML/CSS/jQuery conversions [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2011/02/psd-to-htmlcss-and-jquery-service.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Magento: how to add a jQuery image and content carousel</title>
		<link>http://benfrain.com/notepad/2010/11/magento-how-to-add-a-jquery-image-and-content-carousel.html</link>
		<comments>http://benfrain.com/notepad/2010/11/magento-how-to-add-a-jquery-image-and-content-carousel.html#comments</comments>
		<pubDate>Fri, 05 Nov 2010 15:26:33 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Carousel]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Magento]]></category>

		<guid isPermaLink="false">http://benfrain.com/notepad/?p=1028</guid>
		<description><![CDATA[Want to add a content carousel to your Magento based store? In this post I&#8217;ll explain how to set your Magento store to work with jQuery 1.4.3 and install a jQuery Carousel script for rotating content on any Magento page. If you&#8217;re designing a store in Magento one of the bug-bears for me has always [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2010/11/magento-how-to-add-a-jquery-image-and-content-carousel.html/feed</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>How to add an expanding sidebar menu to your Cubecart store with jQuery</title>
		<link>http://benfrain.com/notepad/2010/10/how-to-add-an-expanding-sidebar-menu-to-your-cubecart-store-with-jquery.html</link>
		<comments>http://benfrain.com/notepad/2010/10/how-to-add-an-expanding-sidebar-menu-to-your-cubecart-store-with-jquery.html#comments</comments>
		<pubDate>Fri, 08 Oct 2010 09:35:30 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Tech-tip]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Cubecart]]></category>
		<category><![CDATA[expanding menu]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://benfrain.com/notepad/?p=1003</guid>
		<description><![CDATA[Pre-amble/bitch about Cubecart Cubecart is a difficult beast to develop for. Whilst the software is pretty stable (most of the stores I&#8217;ve worked with have been v4 based), the standard feature set is quite poor. Added to that, I find the Cubecart community a bit of a joke. Cubecart&#8217;s own support team (a payable service) [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2010/10/how-to-add-an-expanding-sidebar-menu-to-your-cubecart-store-with-jquery.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Addecoltd.co.uk goes live</title>
		<link>http://benfrain.com/notepad/2010/08/addecoltd-co-uk-goes-live.html</link>
		<comments>http://benfrain.com/notepad/2010/08/addecoltd-co-uk-goes-live.html#comments</comments>
		<pubDate>Tue, 17 Aug 2010 13:07:15 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[960.gs]]></category>
		<category><![CDATA[Addeco]]></category>
		<category><![CDATA[grid system]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://benfrain.com/notepad/?p=972</guid>
		<description><![CDATA[Another little brochure site I&#8217;ve designed has gone live: www.addecoltd.co.uk. Addeco are a building and landscaping product manufacturer/supplier based in Stoke On Trent. This site is static HTML/CSS/jQuery and was built on top of the 960 grid system.The 960 grid system is a great tool when building &#8216;standard&#8217; block based sites and let&#8217;s you simply [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2010/08/addecoltd-co-uk-goes-live.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>benfrain.com 2010 redesign</title>
		<link>http://benfrain.com/notepad/2010/04/benfrain-com-2010-redesign.html</link>
		<comments>http://benfrain.com/notepad/2010/04/benfrain-com-2010-redesign.html#comments</comments>
		<pubDate>Wed, 28 Apr 2010 23:54:39 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[benfrain.com]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[redesign]]></category>

		<guid isPermaLink="false">http://benfrain.com/notepad/?p=803</guid>
		<description><![CDATA[I&#8217;ve been trying to get around to a site redesign for literally a couple of years. Finally, got the chance to revamp the site and blog and you&#8217;re looking at the results. I ditched the photo gallery as it was a private indulgence and I wanted the site to be a little more focused this [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2010/04/benfrain-com-2010-redesign.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Chicubes 2010 re-design. Cubecart enhanced with jQuery</title>
		<link>http://benfrain.com/notepad/2010/02/chicubes-2010-re-design-cubecart-enhanced-with-jquery.html</link>
		<comments>http://benfrain.com/notepad/2010/02/chicubes-2010-re-design-cubecart-enhanced-with-jquery.html#comments</comments>
		<pubDate>Mon, 15 Feb 2010 15:49:09 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Chicubes]]></category>
		<category><![CDATA[Cubecart]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://benfrain.com/notepad/?p=551</guid>
		<description><![CDATA[Update 27th July 2010: Chicubes is now being looked after elsewhere and I am no longer involved in the on-going development of the site. Therefore, some of the info below may no longer be relevant. Chicubes is a website I first built back in 2008. At the beginning of 2010 the owners wanted a refresh. [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2010/02/chicubes-2010-re-design-cubecart-enhanced-with-jquery.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Internet Explorer 6: let&#8217;s kill it&#8230;</title>
		<link>http://benfrain.com/notepad/2010/02/internet-explorer-6-lets-kill-it.html</link>
		<comments>http://benfrain.com/notepad/2010/02/internet-explorer-6-lets-kill-it.html#comments</comments>
		<pubDate>Wed, 03 Feb 2010 11:23:02 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://benfrain.com/notepad/?p=546</guid>
		<description><![CDATA[I&#8217;m extremely encouraged that the calls for companies to upgrade away from Internet Explorer 6 are intensifying. If you&#8217;re reading in the UK, there&#8217;s now an online petition to register your feelings on Microsoft&#8217;s crippled and ageing browser (it was released in summer 2001 no less). If your outside the UK, sign the Twitter based [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2010/02/internet-explorer-6-lets-kill-it.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Adding Jquery and jquery lightbox to Cubecart 4</title>
		<link>http://benfrain.com/notepad/2010/01/adding-jquery-and-jquery-lightbox-to-cubecart-4.html</link>
		<comments>http://benfrain.com/notepad/2010/01/adding-jquery-and-jquery-lightbox-to-cubecart-4.html#comments</comments>
		<pubDate>Fri, 22 Jan 2010 13:03:30 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Tech-tip]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Cubecart]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Lightbox]]></category>

		<guid isPermaLink="false">http://benfrain.com/notepad/?p=525</guid>
		<description><![CDATA[As you will note from my previous post I&#8217;ve been working on another Cubecart based site. Cubecart 4 uses the Prototye &#38; Scriptaculous Javascript library, which I&#8217;m not a fan of and I wanted to add some Javascript functionality to the site I can only find in Jquery. The task was therefore to remove add [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2010/01/adding-jquery-and-jquery-lightbox-to-cubecart-4.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>WEB: New www.buyit247.com 2009 site design</title>
		<link>http://benfrain.com/notepad/2009/01/web-new-wwwbuyit247com-2009-site-design.html</link>
		<comments>http://benfrain.com/notepad/2009/01/web-new-wwwbuyit247com-2009-site-design.html#comments</comments>
		<pubDate>Thu, 29 Jan 2009 15:35:00 +0000</pubDate>
		<dc:creator>benfrain</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[buyit247.com]]></category>
		<category><![CDATA[ecommerce]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Magento]]></category>

		<guid isPermaLink="false">http://benfrain2.wordpress.com/2009/01/29/web-new-wwwbuyit247com-2009-site-design/</guid>
		<description><![CDATA[It&#8217;s been a year since I did the last buyit247.com website design. This year saw the site get a complete rebuild from the ground up. It previously ran on a heavily modified Actinic platform. However, as the company expands and moves into ever differing product lines the website needed a more capable platform. The 2009 [...]]]></description>
		<wfw:commentRss>http://benfrain.com/notepad/2009/01/web-new-wwwbuyit247com-2009-site-design.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

