<?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>David Felton&#039;s homepage &#187; Web Development</title>
	<atom:link href="http://www.davidfelton.co.uk/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.davidfelton.co.uk</link>
	<description>Ramblings of a tech-loving freelance web programmer</description>
	<lastBuildDate>Thu, 02 Feb 2012 16:31:26 +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>How to add admins to a Google+ page</title>
		<link>http://www.davidfelton.co.uk/2012/01/26/how-to-add-admins-to-a-google-page/</link>
		<comments>http://www.davidfelton.co.uk/2012/01/26/how-to-add-admins-to-a-google-page/#comments</comments>
		<pubDate>Thu, 26 Jan 2012 15:30:05 +0000</pubDate>
		<dc:creator>David Felton</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[add]]></category>
		<category><![CDATA[admins]]></category>
		<category><![CDATA[G=]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google plus]]></category>
		<category><![CDATA[managers]]></category>
		<category><![CDATA[pages]]></category>

		<guid isPermaLink="false">http://www.davidfelton.co.uk/?p=166</guid>
		<description><![CDATA[I&#8217;ve used the term admins as that is what Facebook calls them, but Google+ refers to extra users that are able to manage a business page as Managers. Go to your Google+ business page and make sure you are using Google+ as the page, not your personal account. The page name should be displayed at [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve used the term admins as that is what Facebook calls them, but Google+ refers to extra users that are able to manage a business page as Managers.</p>
<ol>
<li>Go to your Google+ business page and make sure you are using Google+ as the page, not your personal account. The page name should be displayed at the top right.</li>
<li>Click on the options icon (the cog) at the top right-hand side of the screen, then select &#8216;Google+ settings&#8217;</li>
<li>On the following page you should see an option called &#8216;Managers&#8217; on the left-hand side. If you don&#8217;t see it, double check that you&#8217;re signed in as the page and not your personal account.</li>
<li>Select the Managers option and on the following page you are able to add another manager to the page via entering their email address. Make sure you enter the email address that is associated with the user&#8217;s G+ account.</li>
<li>The user is then sent an invite which they must accept before they can manage the page. Until that time the invite is marked as &#8216;pending&#8217;.</li>
<li type="_moz">Once the user has accepted the invite you have the option to remove them from the same page. There&#8217;s also the option to transfer ownership if you&#8217;re no longer involved with the project or business the page is promoting.</li>
</ol>
<div id="attachment_169" class="wp-caption aligncenter" style="width: 269px"><a href="http://www.davidfelton.co.uk/wp-content/uploads/2012/01/adding-google-plus-managers.png"><img class="size-medium wp-image-169" title="Adding Google+ page Managers" src="http://www.davidfelton.co.uk/wp-content/uploads/2012/01/adding-google-plus-managers-259x300.png" alt="Adding Google+ page Managers" width="259" height="300" /></a><p class="wp-caption-text">Adding Google+ page Managers</p></div>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidfelton.co.uk/2012/01/26/how-to-add-admins-to-a-google-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Protocol Relative URLs</title>
		<link>http://www.davidfelton.co.uk/2012/01/17/protocol-relative-urls/</link>
		<comments>http://www.davidfelton.co.uk/2012/01/17/protocol-relative-urls/#comments</comments>
		<pubDate>Tue, 17 Jan 2012 15:23:27 +0000</pubDate>
		<dc:creator>David Felton</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[https]]></category>
		<category><![CDATA[protocol]]></category>
		<category><![CDATA[ssl]]></category>

		<guid isPermaLink="false">http://www.davidfelton.co.uk/?p=154</guid>
		<description><![CDATA[Thanks to the excellent Paul Irish and HTML5 Boilerplate, I discovered an excellent nugget of information recently, that&#8217;s incredibly useful when building sites / web apps that need to work both on secure (https://) and non-secure (http://) URLs. This includes all Facebook apps since October 2011. When linking to an external JS, css or image [...]]]></description>
			<content:encoded><![CDATA[<p>Thanks to the excellent <a href="http://paulirish.com" target="_blank">Paul Irish</a> and <a href="http://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a>, I discovered an excellent nugget of information recently, that&#8217;s incredibly useful when building sites / web apps that need to work both on secure (https://) and non-secure (http://) URLs. This includes all Facebook apps since October 2011.</p>
<p>When linking to an external JS, css or image file that is available over both https:// and https://, you can use a URL of the form:</p>
<pre>//domain.com/path/to/asset</pre>
<p>for example (loading the jQuery library from Google&#8217;s CDN):</p>
<pre>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"&gt;&lt;/script&gt;</pre>
<p>Your browser will request the asset using whichever protocol you&#8217;re viewing the current page in.</p>
<p>This has implications if your viewing a page locally via file://, which is why you&#8217;re always better off using a local web server rather than opening a file directly. There&#8217;s also an issue that causes IE7 and IE8 to download the file twice when this method is used in &lt;link&gt; tags or @imports statement within CSS, so I would say it&#8217;s best of avoided there. More details <a href="http://www.stevesouders.com/blog/2010/02/10/5a-missing-schema-double-download/" target="_blank">here</a>.</p>
<p>This technique allows you to quickly and easily avoid the dreaded &#8216;this page contains both secure and nonsecure items&#8217; warning in Internet Explorer.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidfelton.co.uk/2012/01/17/protocol-relative-urls/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to change browser language in Firefox 4</title>
		<link>http://www.davidfelton.co.uk/2011/05/31/how-to-change-browser-language-in-firefox-4/</link>
		<comments>http://www.davidfelton.co.uk/2011/05/31/how-to-change-browser-language-in-firefox-4/#comments</comments>
		<pubDate>Tue, 31 May 2011 20:07:52 +0000</pubDate>
		<dc:creator>David Felton</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.davidfelton.co.uk/?p=144</guid>
		<description><![CDATA[One method is to uninstall Firefox then download and install another version in a different language. This can be incredibly time consuming though. An alternative is to download a language pack and then change the internal locale string of the browser: 1) Download language pack from here. This mozilla.org page has language packs for most [...]]]></description>
			<content:encoded><![CDATA[<p>One method is to uninstall Firefox then download and install another version in a different language. This can be incredibly time consuming though. An alternative is to download a language pack and then change the internal locale string of the browser:</p>
<p>1) Download language pack from <a href="http://releases.mozilla.org/pub/mozilla.org/firefox/releases/latest/win32/xpi/" target="_blank">here</a>. This mozilla.org page has language packs for most languages. After installing a language pack you will need to restart your browser</p>
<p><a href="http://www.davidfelton.co.uk/wp-content/uploads/2011/05/browser-language.png"><img class="aligncenter size-medium wp-image-146" title="browser-language" src="http://www.davidfelton.co.uk/wp-content/uploads/2011/05/browser-language-300x156.png" alt="" width="300" height="156" /></a>2) Change locale string. Navigate to <strong>about:config</strong> in your address bar. After accepting the &#8216;here be dragons&#8217; warning set the filter to &#8216;<strong>general.useragent.locale</strong>&#8216;, right mouse click on the value and choose <em>modify</em>. Change the language string to the preferred value, for example &#8216;en-GB&#8217; for British English or &#8216;fr-FR&#8217; for French.</p>
<p>After a browser restart your Firefox should be in the preferred language.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidfelton.co.uk/2011/05/31/how-to-change-browser-language-in-firefox-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The beginning of the end for Internet Explorer?</title>
		<link>http://www.davidfelton.co.uk/2010/01/22/the-beginning-of-the-end-for-internet-explorer/</link>
		<comments>http://www.davidfelton.co.uk/2010/01/22/the-beginning-of-the-end-for-internet-explorer/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 17:09:30 +0000</pubDate>
		<dc:creator>David Felton</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[China]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[internet explorer]]></category>

		<guid isPermaLink="false">http://www.davidfelton.co.uk/?p=64</guid>
		<description><![CDATA[In my years of developing for Internet Explorer I&#8217;ve been continually having to battle with it&#8217;s half-assed implementation of web standards and non existent debugging tools, but have to continue supporting it because so many people don&#8217;t know any better. A small ray of hope has emerged in the last few days off the back [...]]]></description>
			<content:encoded><![CDATA[<p>In my years of developing for Internet Explorer I&#8217;ve been continually having to battle with it&#8217;s <a href="http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug" target="_blank">half-assed implementation</a> of web standards and non existent debugging tools, but have to continue supporting it because so many people don&#8217;t know any better. A small ray of hope has emerged in the last few days off the back of the <a href="http://www.davidfelton.co.uk/2010/01/13/google-threatens-to-shut-down-google-china/">Google/China showdown</a>. Apparently the Chinese hacks were taking advantage of an undisclosed security flaw in Internet Explorer. Because of the this on the 15th Jan the German goverment issued a warning to Internet users to avoid using Internet Explorer. They were followed by the French government on the 18th who issued a similar warning.</p>
<p>Now it seems the malicious code only targets IE6, and Microsoft released a patch for it yesterday (the 21st). Hopefully these security alerts will have caused some people to jump ship from Internet Explorer to one of the alternatives, and we can see those usage stats, particularly of IE6, start to drop off.</p>
<div id="browser-ww-monthly-200812-201001" width="600" height="400" style="width:600px; height: 400px;"></div>
<p><!-- You may change the values of width and height above to resize the chart -->
<p>Source: <a href="http://gs.statcounter.com/">StatCounter Global Stats &#8211; Browser Market Share</a></p>
<p><script type="text/javascript" src="http://www.statcounter.com/js/FusionCharts.js"></script><script type="text/javascript" src="http://gs.statcounter.com/chart.php?browser-ww-monthly-200812-201001"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidfelton.co.uk/2010/01/22/the-beginning-of-the-end-for-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Recommended Firefox extensions for web programmers</title>
		<link>http://www.davidfelton.co.uk/2010/01/19/10-recommended-firefox-extensions-for-web-programmers/</link>
		<comments>http://www.davidfelton.co.uk/2010/01/19/10-recommended-firefox-extensions-for-web-programmers/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 14:38:17 +0000</pubDate>
		<dc:creator>David Felton</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.davidfelton.co.uk/?p=18</guid>
		<description><![CDATA[If you're a web programmer or just interested in web development here are 10 Firefox extensions than can make your life much easier!]]></description>
			<content:encoded><![CDATA[<p><a href="https://addons.mozilla.org/en-US/firefox/addon/1843" target="_blank">Firebug</a></p>
<p>If you spend time building web pages, working with CSS, Ajax, javascript etc this plugin can be amazingly helpful. It allows you to inspect DOM elements on the page, see what css styles they have applied to them, where these CSS styles are defined and even preview changes without having to modify the source.</p>
<p style="text-align: center;"><a href="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_firebug.jpg"><img class="alignnone size-medium wp-image-49" title="plugins_firebug" src="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_firebug-300x233.jpg" alt="" width="300" height="233" /></a></p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/6647" target="_blank">HttpFox</a></p>
<p>HttpFox allows monitoring of http traffic between your browser and the web server. Also allows you to inspect headers, POST data, cookies etc. Incredibly useful when working with Flash applications when you want to see what data is being loaded in, and also for easily checking for missing or broken page components.</p>
<p style="text-align: left;"><a href="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_httpfox.jpg"><img class="size-medium wp-image-38 aligncenter" title="plugins_httpfox" src="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_httpfox-300x226.jpg" alt="" width="300" height="226" /></a><a href="https://addons.mozilla.org/en-US/firefox/addon/5369" target="_blank">YSlow</a></p>
<p style="text-align: left;">Another tool for website optimisation. Developed by Yahoo, YSlow analyses various components of a web page and gives you tips on areas that can be improved based on Yahoo&#8217;s rules for high performance web sites. It also includes neat tools to do things like image optimisation. YSlow runs on top of Firebug and so you&#8217;ll need to have that installed before you&#8217;re able to use it. Yahoo&#8217;s <a href="http://developer.yahoo.com/performance/rules.html" target="_blank">Best Practises for Speeding Up your Website</a> are a real goldmine of information and well worth looking into if you&#8217;re involved with making sure your getting the best possible performance from your website.</p>
<p style="text-align: center;">
<p style="text-align: center;"><a href="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_yslow.jpg"><img class="alignnone size-medium wp-image-48" title="plugins_yslow" src="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_yslow-300x233.jpg" alt="" width="300" height="233" /></a></p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/249" target="_blank">HTML Validator</a></p>
<p>The benefits of having correct, cleanup HTML/XHTML markup are obvious. This extension parses and validates your markup using two tools from the W3C &#8211; Tidy and OpenSP. You are then presented with a list of issues, making fixing poor markup a quick and easy process. It also has a useful feature that allows you to view html source after javascript execution, which is useful when working with Ajax.</p>
<p style="text-align: center;"><a href="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_html_validator.jpg"><img title="plugins_html_validator" src="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_html_validator-300x227.jpg" alt="" width="300" height="227" /></a></p>
<p style="text-align: left;"><a href="https://addons.mozilla.org/en-US/firefox/addon/60" target="_blank">Web Developer</a></p>
<p style="text-align: left;">The web develper extension brings together stacks of different tools that are useful for web development, tools for inspecting web pages, validating, disabling components, resizing the browser window, etc etc.</p>
<p style="text-align: center;"><a href="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_web_developer.jpg"><img class="alignnone size-medium wp-image-55" title="plugins_web_developer" src="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_web_developer-300x237.jpg" alt="" width="300" height="237" /></a></p>
<p style="text-align: left;"><a href="http://www.sephiroth.it/firefox/flashtracer/" target="_blank">Flash Tracer</a></p>
<p style="text-align: left;">Very useful if you work with Flash, this extension allows viewing of trace statements from a Flash movie when it is embedded in a web page. Requires you to use a <a href="http://www.adobe.com/support/flashplayer/downloads.html" target="_blank">debug Flash Player</a>.</p>
<p style="text-align: center;"><a href="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_flash_tracer.jpg"><img class="alignnone size-medium wp-image-43" title="plugins_flash_tracer" src="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_flash_tracer-300x233.jpg" alt="" width="300" height="233" /></a></p>
<p style="text-align: left;"><a href="http://www.sephiroth.it/firefox/flash_switcher/" target="_blank">Flash Switcher</a></p>
<p style="text-align: left;">I use this in conjunction with Flash Tracer. As the debug flash players can be slow compared to the normal player, you ideally don&#8217;t want to be running it all the time. Flash Switcher gives you a quick and easy way to switch between different flash versions. It also allows you to test your flash under different flash player versions.</p>
<p style="text-align: center;"><a href="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_flash_switcher.jpg"><img class="alignnone size-medium wp-image-47" title="plugins_flash_switcher" src="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_flash_switcher-300x234.jpg" alt="" width="300" height="234" /></a></p>
<p style="text-align: left;"><a href="https://addons.mozilla.org/en-US/firefox/addon/5648" target="_blank">FireShot</a></p>
<p style="text-align: left;">This extension doesn&#8217;t feel quite as slick as other extensions but provides some neat functionality. It gives you a quick and easy way to take a screengrab of the current page (either visible area or the entire page), and then carry out simple edits and make annotations to the grab before saving it off or sending it via email. Very useful when you want to send someone a screengrab highlighting an issue or area of interest.</p>
<p style="text-align: center;"><a href="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_fireshot.jpg"><img class="alignnone size-medium wp-image-46" title="plugins_fireshot" src="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_fireshot-300x237.jpg" alt="" width="300" height="237" /></a></p>
<p style="text-align: left;"><a href="https://addons.mozilla.org/en-US/firefox/addon/590" target="_blank">ShowIP</a></p>
<p style="text-align: left;">A simple extension that tells you the IP address of the site you are visiting. If you maintain several servers this can be useful to tell you where a page is hosted</p>
<p style="text-align: center;"><a href="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_showip.jpg"><img class="alignnone size-medium wp-image-45" title="plugins_showip" src="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_showip-300x230.jpg" alt="" width="300" height="230" /></a></p>
<p style="text-align: left;"><a href="https://addons.mozilla.org/en-US/firefox/addon/1801" target="_blank">Clear Cache Button</a></p>
<p style="text-align: left;">Allows clearing of your web cache without having to delve through submenus. if you find yourself doing this a lot, this extension is worth getting.</p>
<p style="text-align: center;"><a href="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_clear_cache_button.jpg"><img class="alignnone size-medium wp-image-42" title="plugins_clear_cache_button" src="http://www.davidfelton.co.uk/wp-content/uploads/2010/01/plugins_clear_cache_button-300x233.jpg" alt="" width="300" height="233" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidfelton.co.uk/2010/01/19/10-recommended-firefox-extensions-for-web-programmers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

