<?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>We Eat Bricks :: Web Development Blog &#187; Web Development</title>
	<atom:link href="http://weeatbricks.com/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://weeatbricks.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Sun, 23 May 2010 12:08:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Sorting Algorithm Animations</title>
		<link>http://weeatbricks.com/2009/04/19/sorting-algorithm-animations/</link>
		<comments>http://weeatbricks.com/2009/04/19/sorting-algorithm-animations/#comments</comments>
		<pubDate>Sun, 19 Apr 2009 14:10:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://weeatbricks.com/?p=105</guid>
		<description><![CDATA[At an interview for a software development position before Christmas I was asked to describe the difference between the Quicksort and Bubblesort sorting algorithms.
http://www.sorting-algorithms.com/ is a fast and fun way to recap.
]]></description>
			<content:encoded><![CDATA[<p>At an interview for a software development position before Christmas I was asked to describe the difference between the Quicksort and Bubblesort sorting algorithms.</p>
<p><a class="external" href="http://www.sorting-algorithms.com/ ">http://www.sorting-algorithms.com/ </a>is a fast and fun way to recap.</p>
]]></content:encoded>
			<wfw:commentRss>http://weeatbricks.com/2009/04/19/sorting-algorithm-animations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE7 scrollbar issues</title>
		<link>http://weeatbricks.com/2009/02/22/ie7-scroll-bars-issue/</link>
		<comments>http://weeatbricks.com/2009/02/22/ie7-scroll-bars-issue/#comments</comments>
		<pubDate>Sun, 22 Feb 2009 21:25:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://weeatbricks.com/?p=91</guid>
		<description><![CDATA[In IE7 scrollbars appear in the browser even when there is no content to scroll.
Try:

body { overflow: auto; }

This removes the scollbar.
I think!
BTW not a problem in FF etc as you would expect.
Good luck.
]]></description>
			<content:encoded><![CDATA[<p>In IE7 scrollbars appear in the browser even when there is no content to scroll.</p>
<p>Try:</p>
<div class="code">
body { overflow: auto; }
</div>
<p>This removes the scollbar.<br />
I think!</p>
<p>BTW not a problem in FF etc as you would expect.</p>
<p>Good luck.</p>
]]></content:encoded>
			<wfw:commentRss>http://weeatbricks.com/2009/02/22/ie7-scroll-bars-issue/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Remember the Milk using Adobe Air</title>
		<link>http://weeatbricks.com/2008/03/03/remember-the-milk-using-adobe-air/</link>
		<comments>http://weeatbricks.com/2008/03/03/remember-the-milk-using-adobe-air/#comments</comments>
		<pubDate>Mon, 03 Mar 2008 17:50:17 +0000</pubDate>
		<dc:creator>Jamie</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.weeatbricks.com/2008/03/03/remember-the-milk-using-adobe-air/</guid>
		<description><![CDATA[I&#8217;m a list junkie and Remember the Milk is where I get the hit&#8230;
If you &#8216;re the same you can download a simple Adobe Air application I put together with the Remember The Milk website inserted in an iframe. Plus a little extra.
Why bother
Doing web development work my browsers and WinXP taskbar can get messy. [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m a list junkie and <a href="http://www.rememberthemilk.com/" class="external">Remember the Milk</a> is where I get the hit&#8230;</p>
<p>If you &#8216;re the same you can download a simple <a href="http://www.adobe.com/products/air/" class="external">Adobe Air</a> application I put together with the Remember The Milk website inserted in an iframe. Plus a little extra.</p>
<h3>Why bother</h3>
<p>Doing web development work my browsers and WinXP taskbar can get messy. In a typical setup, I&#8217;ll have Firefox running(with several tabs), Internet Explorer 7, possibly 6 too, an  IDE EG Aptana Studio or Editplus, probably a few explorer folders and 4 console windows too.</p>
<p>Yes messy I know.</p>
<p>Now you can imagine what that taskbar looks like, and in the midst of this boiling cauldron, in a Firefox tab will lurk <a href="http://www.rememberthemilk.com/" class="external">http://www.rememberthemilk.com/</a>. It can be a pain to find it.</p>
<p>Wouldn&#8217;t it be great if I could keep the <a href="http://www.rememberthemilk.com/">http://www.rememberthemilk.com/</a> seperate from the rest of the Firefox tabs? Perhaps with a distinctive easy to locate icon too.</p>
<p>Ideally I would have <a href="http://www.rememberthemilk.com/">http://www.rememberthemilk.com/</a> running in <strong>system tray</strong>, not visible in the taskbar and it would <strong>disappear</strong> back to the system tray when I minimise it, waiting ready to be restored again at short notice&#8230;. if only&#8230;..</p>
<p>Da Ding!!</p>
<p><a href="http://www.weeatbricks.com/air/" class="external">Here it is&#8230;.</a></p>
<p>BTW the systemtray feature is WinXP only. Perhaps a dock version will appear shortly</p>
]]></content:encoded>
			<wfw:commentRss>http://weeatbricks.com/2008/03/03/remember-the-milk-using-adobe-air/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Install guide and &#8216;how to&#8217; on Subversion client for WinXP</title>
		<link>http://weeatbricks.com/2008/02/14/install-guide-and-how-to-on-subversion-client-for-winxp/</link>
		<comments>http://weeatbricks.com/2008/02/14/install-guide-and-how-to-on-subversion-client-for-winxp/#comments</comments>
		<pubDate>Thu, 14 Feb 2008 10:19:23 +0000</pubDate>
		<dc:creator>Jamie</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.weeatbricks.com/2008/02/14/install-guide-and-how-to-on-subversion-client-for-winxp/</guid>
		<description><![CDATA[Guide to install and use Subversion client for Win XP.

Download Subversion for WINXP
Instruction on installing and using Subversion

]]></description>
			<content:encoded><![CDATA[<p>Guide to install and use Subversion client for Win XP.</p>
<ol>
<li><a href="http://subversion.tigris.org/servlets/ProjectDocumentList?folderID=91&amp;expandFolder=91&amp;folderID=260" class="external">Download Subversion for WINXP</a></li>
<li><a href="https://www.projects.dev2dev.bea.com/Subversion%20Clients/CommandLineSVN.html#install" class="external">Instruction on installing and using Subversion</a></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://weeatbricks.com/2008/02/14/install-guide-and-how-to-on-subversion-client-for-winxp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New mproved version of the JQuery drop down menu now available.</title>
		<link>http://weeatbricks.com/2008/01/31/new-mproved-version-of-the-jquery-drop-down-menu-now-available/</link>
		<comments>http://weeatbricks.com/2008/01/31/new-mproved-version-of-the-jquery-drop-down-menu-now-available/#comments</comments>
		<pubDate>Thu, 31 Jan 2008 01:38:24 +0000</pubDate>
		<dc:creator>Jamie</dc:creator>
				<category><![CDATA[Opensource]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.weeatbricks.com/2008/01/31/new-mproved-version-of-the-jquery-drop-down-menu-now-available/</guid>
		<description><![CDATA[Hello,
New improved version of the JQuery drop down menu now available.
It contains the extra features requested:

 Order the pages yourself by using the Page menu order feature.
 Put a link into into the menu for you blog.
Works with javascript turned off.
 Make the the parent of a drop down menu clickable or not.
 Find out [...]]]></description>
			<content:encoded><![CDATA[<p>Hello,<br />
New improved version of the <a href="http://www.weeatbricks.com/2008/01/07/new-wordpress-plugin-for-creating-a-drop-down-navigation-menu-using-jquery/" class="external">JQuery drop down menu now available.</a></p>
<p>It contains the extra features requested:</p>
<ul>
<li> Order the pages yourself by using the Page menu order feature.</li>
<li> Put a link into into the menu for you blog.</li>
<li>Works with javascript turned off.</li>
<li> Make the the parent of a drop down menu clickable or not.</li>
<li> Find out more at my original post.</li>
</ul>
<p>Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://weeatbricks.com/2008/01/31/new-mproved-version-of-the-jquery-drop-down-menu-now-available/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Google Gears example using Digg API</title>
		<link>http://weeatbricks.com/2007/11/14/googel-gears-example-using-digg-api/</link>
		<comments>http://weeatbricks.com/2007/11/14/googel-gears-example-using-digg-api/#comments</comments>
		<pubDate>Wed, 14 Nov 2007 16:20:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Opensource]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.weeatbricks.com/2007/11/14/googel-gears-example-using-digg-api/</guid>
		<description><![CDATA[Google Gears API is a tool kit which provides JavaScript APIs to allow web application to work off-line.
Three &#8216;core&#8217;  JavaScript APIs are provided:
LocalServer A local cache html, JavaScript and image files. Also provides mapping from on-line URLs to off-line URLs.
Database Google Gears comes with an SQLite database which is accessible via the Database API.
WorkerPool [...]]]></description>
			<content:encoded><![CDATA[<p>Google Gears API is a tool kit which provides JavaScript APIs to allow web application to work off-line.</p>
<p>Three &#8216;core&#8217;  JavaScript APIs are provided:</p>
<p><a href="http://code.google.com/apis/gears/api_localserver.html">LocalServer</a> A local cache html, JavaScript and image files. Also provides mapping from on-line URLs to off-line URLs.</p>
<p><a href="http://code.google.com/apis/gears/api_database.html">Database</a> Google Gears comes with an SQLite database which is accessible via the Database API.</p>
<p><a href="http://code.google.com/apis/gears/api_workerpool.html">WorkerPool</a> I have not used this, but the Google Gears description states, it can  &#8220;Make your web applications more responsive by performing resource-intensive operations asynchronously&#8221;.</p>
<p>I&#8217;ve put together an example which uses the LocalServer and Database JavaScript APIs.</p>
<p>Try out the <a href="http://www.weeatbricks.com/gears/gears_project/index.html" class="external">Google Gears Example using the Digg API</a></p>
<h3>Try out the following steps</h3>
<ul>
<li>You&#8217;ll be asked to install Google Gears first, if you don&#8217;t already have it installed</li>
<li>Fetch some Digg story titles from the drop down list, these story titles are saved into a local database provided by Google gears on you machine.</li>
<li>This is where the magic happens! On the right hand side click capture.</li>
<li>The document is now captured and available for off-line browsing. Go &#8216;off-line&#8217;, so in Firefox click &#8216;File&#8217;, &#8216;Work Offline&#8217;.</li>
<li>View the URL again, and low and behold you will see the same web page even though you are Off-line. You&#8217;ll also notice a list of the titles that you had fetched before you went off-line.</li>
<li>You can Erase the the document from Google Gears with the &#8216;Erase&#8217; button too, and empty the database with &#8216;Empty&#8217; if you wish.</li>
</ul>
<p>And that&#8217;s that! Two out of three of the Google Gears demonstrated. Remember to put your browser back on-line when you&#8217;re done.</p>
<h3>A couple of caveats</h3>
<ul>
<li>Google Gears does not do server side scripting. The functionality that you wish to make available off-line must be implemented via JavaScript.</li>
<li>Adding Google Gears functionality to an existing web application will require additional code in your application. How much code depends on the level of off-line functionality you want to achieve. You will need to insert logic into your app to check  it&#8217;s off-line/on-line state and to tell it what to do if it&#8217;s off-line as well as when it&#8217;s on-line.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://weeatbricks.com/2007/11/14/googel-gears-example-using-digg-api/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Jquery Flash bug: Flash movie disappears on drag in sortable feature from interface plugin</title>
		<link>http://weeatbricks.com/2007/11/07/jquery-flash-bug-flash-movie-disappears-on-drag-in-sortable-feature-from-interface-plugin/</link>
		<comments>http://weeatbricks.com/2007/11/07/jquery-flash-bug-flash-movie-disappears-on-drag-in-sortable-feature-from-interface-plugin/#comments</comments>
		<pubDate>Wed, 07 Nov 2007 13:37:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.weeatbricks.com/2007/11/07/jquery-flash-bug-flash-movie-disappears-on-drag-in-sortable-feature-from-interface-plugin/</guid>
		<description><![CDATA[Please view the ticket I&#8217;ve submitted to jQuery  for the most up-to-date news on this.
The ticket reads as follows:
I have found what I think is a bug with the interface/sortable plugin for jquery.
To explain my scenario. I am using the jquery and the sortable plugin from interface. The sortable items are divs as normal [...]]]></description>
			<content:encoded><![CDATA[<p>Please view the <a href="http://dev.jquery.com/ticket/1897" class="external">ticket </a>I&#8217;ve submitted to jQuery  for the most up-to-date news on this.</p>
<p>The ticket reads as follows:</p>
<p>I have found what I think is a bug with the interface/sortable plugin for jquery.</p>
<p>To explain my scenario. I am using the jquery and the sortable plugin from interface. The sortable items are divs as normal that contain object and embed tags to a flash swf file.</p>
<p>In FF when I drag the divs around the flash movie appears smooth and as you would expect.</p>
<p>However in IE 6 and IE7 when I drag the div around the flash movie will disappear and reappear. It will be replaced by the white rectangle that seems to get stuck and leave a trail and lingers for a split second. When I stop sorting/dragging the div the flash movie reappears..</p>
<p>I&#8217;ve made an example available,  try drag around the Flash game here, <a href="http://weeatbricks.com/test/sortable_flash.html">when </a>in IE .</p>
<p>Any ideas with this one?</p>
<p class="poweredbyperformancing">Powered by <a href="http://scribefire.com/">ScribeFire</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://weeatbricks.com/2007/11/07/jquery-flash-bug-flash-movie-disappears-on-drag-in-sortable-feature-from-interface-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to use a Rails App with HTTPS</title>
		<link>http://weeatbricks.com/2007/10/31/how-to-use-a-rails-app-with-https/</link>
		<comments>http://weeatbricks.com/2007/10/31/how-to-use-a-rails-app-with-https/#comments</comments>
		<pubDate>Wed, 31 Oct 2007 13:08:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Rails]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.weeatbricks.com/2007/10/31/how-to-use-a-rails-app-with-https/</guid>
		<description><![CDATA[Summary
We need to provide HTTPS support to test your rails application on your local server. Sensitive data such as passwords are submitted during login and register stages and we want to encrypt the transmission of this data between the client browser and the server. The HTTPS protocol proves this security. 
 
For developing we currently [...]]]></description>
			<content:encoded><![CDATA[<h2>Summary</h2>
<p class="MsoNormal"><span style="font-family: Arial">We need to provide HTTPS support to test your rails application on your local server. Sensitive data such as passwords are submitted during login and register stages and we want to encrypt the transmission of this data between the client browser and the server. The HTTPS protocol proves this security. <o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">For developing we currently run the Mongrel server. To achieve HTTPS we need to put an Apache server in front of this Mongrel server. The Apache handles the SSL encryption, certificates etc and acts as a type of proxy to the Mongrel rails server.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">The end result of the following steps is a Rails app that works with HTTPS.<o:p></o:p></span></p>
<p class="MsoNormal"><o:p> </o:p></p>
<h2>Install SSL enabled Apache</h2>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Install an SSL enabled Apache. The fastest and most convenient method I’ve found is the XAMPP installer.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">It’s a one click installer. Download and run. SSL enabled Apache is one of the programs installed that’s what we’re interested in. Ignore the rest (PHP etc).<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">WINXP<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><a href="http://www.apachefriends.org/en/xampp-windows.html">http://www.apachefriends.org/en/xampp-windows.html</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">MAC OSX<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><a href="http://www.apachefriends.org/en/xampp-macosx.html">http://www.apachefriends.org/en/xampp-macosx.html</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Or if you’re feeling brave install and configure an SSL enabled Apache yourself.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">NOTE: mySQL is also installed with XAMPP. However if it causes confilict with your exisintg mySQL you can turn it off via the provided admin panel/command line and use your existing mySQL.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<h2>Configure Apache to work Mongrel</h2>
<p class="MsoNormal"><span style="font-family: Arial">Having insalled the XAMPP you will have an Apache directory conf that contains the Apache configuration files.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Edit the Apache file conf/httpd.conf.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Uncomment the following lines:<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-indent: 36pt"><span style="font-family: Arial">LoadModule proxy_module modules/mod_proxy.so<o:p></o:p></span></p>
<p class="MsoNormal" style="text-indent: 36pt"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">and other proxy modules mentioned.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Also uncomment <o:p></o:p></span></p>
<p class="MsoNormal" style="text-indent: 36pt"><span style="font-family: Arial">LoadModule headers_module modules/mod_headers.so<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">In the Apache file conf/extra/httpd-vhosts.conf edit the following: <o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Make sure this line exists<o:p></o:p></span></p>
<p class="MsoNormal" style="text-indent: 36pt"><span style="font-family: Arial">NameVirtualHost *:80<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Add the following vhost<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal" style="margin-left: 36pt"><span style="font-family: Arial">&lt;VirtualHost *:80&gt;<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left: 36pt"><span style="font-family: Arial"><span>    </span>ServerName </span><span style="font-family: Arial"></span><span style="font-family: Arial">Mydomain</span></p>
<p class="MsoNormal" style="margin-left: 36pt"><span style="font-family: Arial"><span>    </span>ProxyPass / http://localhost:3002/<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left: 36pt"><span style="font-family: Arial"><span>    </span>ProxyPassReverse / http://localhost:3002<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left: 36pt"><span style="font-family: Arial">&lt;/VirtualHost&gt;<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">To make the above vhost work for us we also need to edit the hosts file in WinXP.  Mydomain<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">WinXP<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">C:\WINDOWS\system32\drivers\etc\hosts <o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-indent: 36pt"><span style="font-family: Arial">127.0.0.1 </span><span style="font-family: Arial">Mydomain</span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">And on the MacOSX, add the same to the </span><code><em><span style="font-family: Arial">/etc/hosts<o:p></o:p></span></em></code></p>
<p class="MsoNormal"><code><em><span style="font-family: Arial"><o:p> </o:p></span></em></code></p>
<p class="MsoNormal"><em><span style="font-family: Arial"><o:p> </o:p></span></em></p>
<h2>Start the Apache server</h2>
<p class="MsoNormal"><span style="font-family: Arial">At this point you will have Apache server set up. Start the Apache server. <o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Test your Apache is running, browse to <a href="http://localhost/">http://localhost</a>, you’ll get the Apache XAMPP page with some useful tools.<o:p></o:p></span></p>
<h2><o:p> </o:p></h2>
<h2>Start the mongrel server</h2>
<p class="MsoNormal"><span style="font-family: Arial">At this point you will have Apache running so start Mongrel<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-indent: 36pt"><span style="font-family: Arial">ruby script/server -p 3002<o:p></o:p></span></p>
<p class="MsoNormal" style="text-indent: 36pt"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Now browse to <a href="http://o2bp/">http://</a></span><a href="http://o2bp/"><span style="font-family: Arial">Mydomain</span></a></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Browsing to the URL <a href="http://o2bp/">http://</a></span><a href="http://o2bp/"><span style="font-family: Arial">Mydomain</span></a><span style="font-family: Arial"> takes you to localhost (127.0.0.1) via hosts file you edited and there an Apache vhost checks the URL, and sees that it is </span><span style="font-family: Arial">Mydomain</span><span style="font-family: Arial"> then passes it onto the Mongrel server running http://localhost:3002<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<h2>Enable HTTPS</h2>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="font-family: Arial">Configure Apache to use SSL and configure Mongrel to know about it<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Edit the Apache file conf/extra/httpd-ssl.conf<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left: 18pt"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal" style="margin-left: 18pt"><span style="font-family: Arial">Inside the vhost &lt;VirtualHost _default_:443&gt;<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Comment out<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left: 18pt"><span style="font-family: Arial"><span>  </span><span>    </span><span> </span>DocumentRoot &#8220;C:/xampp/htdocs&#8221;<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Put in the following<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left: 18pt"><span style="font-family: Arial"><span>    </span>ServerName </span><span style="font-family: Arial">Mydomain</span><span style="font-family: Arial">:443<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left: 18pt"><span style="font-family: Arial"><span>    </span>ProxyPass / http://localhost:3002/<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left: 18pt"><span style="font-family: Arial"><span>    </span>ProxyPassReverse / http://localhost:3002<o:p></o:p></span></p>
<p class="MsoNormal" style="text-indent: 36pt"><span style="font-family: Arial">RequestHeader set X_FORWARDED_PROTO &#8220;https&#8221;<o:p></o:p></span></p>
<p class="MsoNormal" style="text-indent: 36pt"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">At this stage start your development environment is set up. Just start Apache, and Mysql then run your rails app and browse to <a href="http://o2bp/">http://</a></span><a href="http://o2bp/"><span style="font-family: Arial">Mydomain</span></a><span style="font-family: Arial"> to view it.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Now requests to https:// urls in Rails app should work.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<h2>Set up Rails to work with SSL protocol</h2>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="font-family: Arial">The following steps were required to set up the rails app to work with the SSL protocol.<o:p></o:p></span></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Make sure that the SSL <span> </span>plug-in for Rails is installed.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal" style="text-indent: 36pt"><span style="font-family: Arial">ruby script/plugin install ssl_requirement<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Next edit the ApplicationController, add the line ‘include SslRequirement ‘<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal" style="margin-left: 36pt"><span style="font-family: Arial">class ApplicationController &lt; ActionController::Base<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left: 36pt"><span style="font-family: Arial"><span> </span><span>           </span><span> </span>include SslRequirement<span>  </span><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Now you can set policies for individual actions in each of the controllers.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">EG <o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">In the AuthController we want the login and the authenticate action accessible via SSL only.</span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal">class AuthController &lt; ApplicationController</p>
<p class="MsoNormal">&nbsp;</p>
<p class="MsoNormal">ssl_required :login, :authenticate</p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">Now requests to http://Mydomain/login will redirect to https://</span> <span style="font-family: Arial">Mydomain</span><span style="font-family: Arial">/login<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial">The End.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<h2>References</h2>
<p class="MsoNormal"><span style="font-family: Arial"><a href="http://blog.innerewut.de/2006/6/21/mongrel-and-rails-behind-apache-2-2-and-ssl">Mongrel and Rails behind Apache 2.2 and SSL</a></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><a href="http://blog.innerewut.de/2006/06/21/mongrel-and-rails-behind-apache-2-2-and-ssl#comment-form">http://blog.innerewut.de/2006/06/21/mongrel-and-rails-behind-apache-2-2-and-ssl#comment-form</a><o:p></o:p></span></p>
<p class="MsoNormal"><em><span style="font-family: Arial"><span> </span>“Agile Web development with Rails”, Page 612<o:p></o:p></span></em></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family: Arial"><o:p> </o:p></span></p>
]]></content:encoded>
			<wfw:commentRss>http://weeatbricks.com/2007/10/31/how-to-use-a-rails-app-with-https/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>UPDATED: How to remove object html markup using javascript in IE6 and IE7</title>
		<link>http://weeatbricks.com/2007/10/16/updated-how-to-remove-html-markup-using-javascript-in-ie6-and-ie7/</link>
		<comments>http://weeatbricks.com/2007/10/16/updated-how-to-remove-html-markup-using-javascript-in-ie6-and-ie7/#comments</comments>
		<pubDate>Tue, 16 Oct 2007 15:26:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.weeatbricks.com/2007/10/16/updated-how-to-remove-html-markup-using-javascript-in-ie6-and-ie7/</guid>
		<description><![CDATA[I recently posted on this topic. 
OK forget that.
It will remove the quicktime player, but the audio will stay playing. Only in IE of course.
You&#8217;ll need to use Javascript to stop the quicktime movie.
The best guide I&#8217;ve found to do this.   
]]></description>
			<content:encoded><![CDATA[<p>I recently posted on this <a href="http://www.weeatbricks.com/2007/10/09/how-to-remove-html-markup-using-javascript-in-ie6-and-ie7/">topic. </a></p>
<p>OK forget that.</p>
<p>It will remove the quicktime player, but the audio will stay playing. Only in IE of course.</p>
<p>You&#8217;ll need to use Javascript to stop the quicktime movie.</p>
<p><a href="http://developer.apple.com/documentation/QuickTime/Conceptual/QTScripting_JavaScript/bQTScripting_JavaScri_Document/chapter_1000_section_5.html" class="external">The best guide I&#8217;ve found to do this.   </a></p>
]]></content:encoded>
			<wfw:commentRss>http://weeatbricks.com/2007/10/16/updated-how-to-remove-html-markup-using-javascript-in-ie6-and-ie7/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>SEO TIP #2: Use keywords in your titles</title>
		<link>http://weeatbricks.com/2007/09/26/seo-tip-2-use-keywords-in-your-titles-2/</link>
		<comments>http://weeatbricks.com/2007/09/26/seo-tip-2-use-keywords-in-your-titles-2/#comments</comments>
		<pubDate>Wed, 26 Sep 2007 20:53:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.weeatbricks.com/2007/09/26/seo-tip-2-use-keywords-in-your-titles-2/</guid>
		<description><![CDATA[By keywords here I mean words that people will type into their search engine and by title I mean the words inside the  tags in the HTML of the webpage.
Search engines use the words in the title to determine the relevancy of the page to a search. Use specific, descriptive keywords to improve the [...]]]></description>
			<content:encoded><![CDATA[<p>By keywords here I mean words that people will type into their search engine and by title I mean the words inside the  tags in the HTML of the webpage.</p>
<p>Search engines use the words in the title to determine the relevancy of the page to a search. Use specific, descriptive keywords to improve the relevancy.</p>
<p>Try think  from the perspective of the person doing the search when phrasing those titles. That&#8217;s it for SEO TIP #2.</p>
<p>Good luck!</p>
]]></content:encoded>
			<wfw:commentRss>http://weeatbricks.com/2007/09/26/seo-tip-2-use-keywords-in-your-titles-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
