﻿<?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>Ladysign Dev Blog &#187; tools</title>
	<atom:link href="http://www.ladysign-apps.com/blog/category/code/tools-code/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ladysign-apps.com/blog</link>
	<description>Girls can code.</description>
	<lastBuildDate>Mon, 01 Feb 2010 09:44:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>SVN on a USB Stick</title>
		<link>http://www.ladysign-apps.com/blog/code/opensource/svn-on-a-usb-stick/</link>
		<comments>http://www.ladysign-apps.com/blog/code/opensource/svn-on-a-usb-stick/#comments</comments>
		<pubDate>Fri, 02 Oct 2009 18:01:09 +0000</pubDate>
		<dc:creator>Lee</dc:creator>
				<category><![CDATA[opensource]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[flash drive]]></category>
		<category><![CDATA[mobile svn]]></category>
		<category><![CDATA[subversion]]></category>
		<category><![CDATA[svn]]></category>
		<category><![CDATA[usb stick]]></category>
		<category><![CDATA[versioning]]></category>

		<guid isPermaLink="false">http://ladysign-apps.com/blog/archives/863</guid>
		<description><![CDATA[<p><strong>Difficulty:</strong> 1 out of 5 stars<br />
Toirtoise SVN, is a SVN version control client for windows.<br />
The handy thing about SVN, is that you can work with your who[......]</p>]]></description>
			<content:encoded><![CDATA[<p><strong>Difficulty:</strong> 1 out of 5 stars<br />
Toirtoise SVN, is a SVN version control client for windows.<br />
The handy thing about SVN, is that you can work with your whole team on certain files,<br />
and always can track the correct version of it.<br />
Normally you would install SVN on a server, so your whole team can access it.<br />
But when you don&#8217;t have a team? You still want to track your file versions, but a whole<br />
server is not required. You can also use your USB stick!<br />
Here is how it works. (Though I require a USB stick with enough space, incase you want to carry multiple/large projects with you.)</p>
<ol>
<li>
<b>Download and install subversion</b><br />
<a href="http://subversion.tigris.org/servlets/ProjectDocumentList?folderID=8100">http://subversion.tigris.org/servlets/ProjectDocumentList?folderID=8100</a>
</li>
<li>
<b>Download and install Tortoise SVN for windows:</b><br />
<a href="http://sourceforge.net/projects/tortoisesvn/files/Application/1.6.5/TortoiseSVN-1.6.5.16974-win32-svn-1.6.5.msi/download">http://sourceforge.net/projects/tortoisesvn/files/Application/1.6.5/TortoiseSVN-1.6.5.16974-win32-svn-1.6.5.msi/download</a>
</li>
<li>
<b>Create a new repository</b><br />
Create a folder using Windows Explorer, let&#8217;s say it&#8217;s called D:\Repositories\Standard. (Note that in this case I called the project &#8220;Standard&#8221;,<br />
but you can use whatever you want.)<br />
This folder should be located on your USB Drive, because this is the part that you&#8217;ll be dragging around with you.<br />
Open that folder and right click on the client area, select TortoiseSVN and then Create repository here. Choose the native file system option.
</li>
<li>
<b>Create a working copy</b><br />
Right click on the My Documents folder (or any folder of your choosing), and select SVN Checkout from the popup menu.<br />
In this example, I&#8217;ve called the repository that I created in step 2 Standard.<br />
In the URL of repository field, fill in a URL that points to the newly created repository, i.e. file:///F:/Repositories/Standard.<br />
(Make sure you are pointing to the correct drive. In my case the USB stick is F:)<br />
A window should pop up stating that it has completed at revision 0.
</li>
<li><b>Use it</b><br />
Now go into your recently checked out folder, and right click on them and from the TortoiseSVN menu, select Add.<br />
This command will mark the files for addition to the repository.<br />
To complete the add, right on the client area and select SVN Commit. This will add all the files marked for addition to the repository and commit new versions of files already in the repository.
</li>
</ol>
<p>So that&#8217;s all, you&#8217;ll now have a SVN Repo on your USB drive, which you can cary arround.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ladysign-apps.com/blog/code/opensource/svn-on-a-usb-stick/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create subdomain in .htaccess file</title>
		<link>http://www.ladysign-apps.com/blog/code/browsers/create-subdomain-in-htaccess-file/</link>
		<comments>http://www.ladysign-apps.com/blog/code/browsers/create-subdomain-in-htaccess-file/#comments</comments>
		<pubDate>Wed, 02 Sep 2009 19:13:46 +0000</pubDate>
		<dc:creator>Lee</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[generators]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[.htaccess]]></category>
		<category><![CDATA[redirect]]></category>
		<category><![CDATA[rewritecond]]></category>
		<category><![CDATA[rewriteegine]]></category>
		<category><![CDATA[subdomain]]></category>

		<guid isPermaLink="false">http://ladysign-apps.com/blog/?p=855</guid>
		<description><![CDATA[<p><strong>Difficulty:</strong> 1 out of 5 stars<br />
Let&#8217;s say you have a website with a forum. For example:<br />
<strong>http://www.mydomain.com/forum/?option=com_kunena&#038;Itemi[......]</strong></p>]]></description>
			<content:encoded><![CDATA[<p><strong>Difficulty:</strong> 1 out of 5 stars<br />
Let&#8217;s say you have a website with a forum. For example:<br />
<strong>http://www.mydomain.com/forum/?option=com_kunena&#038;Itemid=0</strong><br />
you want to bind it to the following subdomain:<br />
<strong>http://forum.mydomain.com</strong></p>
<p>Then this is your .htaccess file content. (Do not forget the [R=301,L] or it won&#8217;t work)</p>
<pre class="brush: jscript;">RewriteEngine On
# first make sure my www is not touched
RewriteCond %{HTTP_HOST} !^www.mydomain.com
# the subdomain you want to create
RewriteCond %{HTTP_HOST} ^forum.mydomain.com
# the place to redirect to
RewriteRule (.*) http://www.mydomain.com/forum/?option=com_kunena&amp;Itemid=0 [R=301,L]</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.ladysign-apps.com/blog/code/browsers/create-subdomain-in-htaccess-file/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Get rid of many page requests; use CSS sprites</title>
		<link>http://www.ladysign-apps.com/blog/code/css/get-rid-of-many-page-requests-use-css-sprites/</link>
		<comments>http://www.ladysign-apps.com/blog/code/css/get-rid-of-many-page-requests-use-css-sprites/#comments</comments>
		<pubDate>Sun, 09 Aug 2009 14:07:19 +0000</pubDate>
		<dc:creator>Lee</dc:creator>
				<category><![CDATA[browsers]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[generators]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[css sprites]]></category>
		<category><![CDATA[optimization]]></category>
		<category><![CDATA[website performance]]></category>

		<guid isPermaLink="false">http://ladysign-apps.com/blog/?p=818</guid>
		<description><![CDATA[<p><strong>Difficulty:</strong> 1 out of 5 stars<br />
This trick is so easy but unfortunately not much used on the web.<br />
There are 2 pro-reason, why you should start using spri[......]</p>]]></description>
			<content:encoded><![CDATA[<p><strong>Difficulty:</strong> 1 out of 5 stars<br />
This trick is so easy but unfortunately not much used on the web.<br />
There are 2 pro-reason, why you should start using sprites (a technique which is used a lot for 2D game-developing / making one big image file, containing all the site images) in CSS.</p>
<ol>
<li>Get rid of the image flickering. This is what happens when using roll-overs for multiple images, both images will be requested from the server. Although the time is pretty fast, you&#8217;ll will see the image flickering</li>
<li>Reduce page requests &#8211; One big image might be heavier to download, nowadays it will be faster and directly loaded in your page then requesting multiple images</li>
</ol>
<p>There are some handy Firefox tools, which you can use for website performance optimization:<br />
<a href="https://addons.mozilla.org/en-US/firefox/addon/3829">Live HTTP Headers</a> and <a href="http://getfirebug.com/net.html">Firebug</a>.<br />
Within Firebug, you can select the NET tab. From here you can see all the requests to images.</p>
<p>See the sprites which are used for <a href="http://g-ecx.images-amazon.com/images/G/01/gno/images/orangeBlue/navPackedSprites_v10._V224330185_.png">Amazon</a>, <a href="http://s.ytimg.com/yt/img/master-vfl102488.png">YouTube </a>or even for <a href="http://www.google.nl/images/nav_logo6.png">Google</a>.</p>
<p>There are even <a href="http://spritegen.website-performance.org">online tools</a> for generating these sprites, so you don&#8217;t need Photoshop for calculating.</p>
<p>How to implement it? &#8211; Just by smart using the background property.<br />
For example:</p>
<pre class="brush: css;">#navigation {
 width: 500px;
 height: 20px;
 overflow: hidden; //no image outside the defined clipping area is visible
}

#navigation a {
 display: block;
 width: 100px;
 height: 20px;
 text-indent: -10000px; //for removing the link text off the screen
 background-image: url(sprite.png) //link to your sprite image;
}

#nav-home a { background-position: 0 0; //position of sprite x y }
#nav-home a:hover { background-position: 0 100px; //note the changed y-position }
#nav-about a { background-position: 20px 0; }
#nav-about a:hover { background-position: 20px 100px;}</pre>
<p>You can put everything in your sprite, think about icons, backgrounds, borders and corners.<br />
It&#8217;s even possible to combine it with background repeating.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ladysign-apps.com/blog/code/css/get-rid-of-many-page-requests-use-css-sprites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>4 Ways to redirect your websites</title>
		<link>http://www.ladysign-apps.com/blog/code/javascript/4-ways-to-redirect-your-websites/</link>
		<comments>http://www.ladysign-apps.com/blog/code/javascript/4-ways-to-redirect-your-websites/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 17:58:12 +0000</pubDate>
		<dc:creator>Lee</dc:creator>
				<category><![CDATA[browsers]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[.htaccess]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[javascript redirect]]></category>
		<category><![CDATA[meta redirect]]></category>
		<category><![CDATA[redirect]]></category>
		<category><![CDATA[redirecting]]></category>

		<guid isPermaLink="false">http://ladysign-apps.com/blog/?p=805</guid>
		<description><![CDATA[<p><strong>Difficulty:</strong> 1 out of 5 stars</p>
<p>4 Ways to redirect your website to another page or path.<br />
For this example I will use the website: http://www.domain.com<br />
L[......]</p>]]></description>
			<content:encoded><![CDATA[<p><strong>Difficulty:</strong> 1 out of 5 stars</p>
<p>4 Ways to redirect your website to another page or path.<br />
For this example I will use the website: http://www.domain.com<br />
Let&#8217;s say this site is build in the folder: <strong>/folder/</strong> we need a redirect from<br />
<strong>DOMAIN</strong> to <strong>DOMAIN/FOLDER</strong>. I will show you the ways how to do it. You can re-use my code, just use your own domain and folder paths!</p>
<p><strong>The easiest way:</strong><br />
Create in the root of your domain an index.html and use a meta-refresh tag in the <head> of your HTML.<br />
This way of redirecting is according to W3C not so nice, and it also will have a delay.<br />
You can set this delay, however I set it to 0.</p>
<pre class="brush: xml;">&lt;meta http-equiv=&quot;refresh&quot; content=&quot;0;URL=http://www.domain.com/folder/&quot; /&gt;</pre>
<p><strong>The accessible way:</strong><br />
Not so nice, but to most accessible way, is to just create an empty index.html with an hyperlink<br />
to your new folder.</p>
<pre class="brush: xml;">Oops, the page you are looking for, does not exist anymore.
&lt;a href=&quot;http://www.domain.com/folder&quot;&gt;Browse to the correct page by following this link&lt;/a&gt;.</pre>
<p><strong>The Javascript way:</strong><br />
A good way to use. However if Javascript is disabled in your browser your stuck on the page where this<br />
Javascript code is placed. (index.html in the root of your domain)</p>
<pre class="brush: jscript;">&lt;script type=&quot;text/javascript&quot;&gt;
/*&lt;![CDATA[*/
 window.location=&quot;http://www.sandranasicfans.eu/sandranasic/&quot;;
/*]]&gt;*/
&lt;/script&gt;</pre>
<p><strong>The server way:</strong><br />
This will work on Apache linux servers only.<br />
Create with notepad a file called: .htaccess with the below content. Place this file in root of your domain.<br />
Please note that on some servers you can not see this file with your FTP client. I found out that most of the time the webvariant of your hosted server (file manager), will show them.<br />
However, I think this is the best and fastest way of redirecting.</p>
<pre class="brush: jscript;">RewriteEngine on
rewriterule ^(.*)$ http://www.domain.com/folder/$1 [r=301,nc] </pre>
]]></content:encoded>
			<wfw:commentRss>http://www.ladysign-apps.com/blog/code/javascript/4-ways-to-redirect-your-websites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>6 popular Javascript Frameworks</title>
		<link>http://www.ladysign-apps.com/blog/code/javascript/5-popular-javascript-frameworks/</link>
		<comments>http://www.ladysign-apps.com/blog/code/javascript/5-popular-javascript-frameworks/#comments</comments>
		<pubDate>Tue, 28 Apr 2009 09:20:37 +0000</pubDate>
		<dc:creator>Lee</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[sql]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[Dojo]]></category>
		<category><![CDATA[Javascript Frameworks]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[Mootools]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[Spry]]></category>

		<guid isPermaLink="false">http://ladysign-apps.com/blog/?p=648</guid>
		<description><![CDATA[<p><strong>Difficulty:</strong> 2 out of 5 stars</p>
<p>Javascript frameworks are for easing development and dynamic web apps.<br />
These toolkits enables you to deal with Ajax calls[......]</p>]]></description>
			<content:encoded><![CDATA[<p><strong>Difficulty:</strong> 2 out of 5 stars</p>
<p>Javascript frameworks are for easing development and dynamic web apps.<br />
These toolkits enables you to deal with Ajax calls in an easy and fun way and it&#8217;s also cross browser safe.</p>
<p>It can be handy, if you know already something about <a href="http://www.json.org">JSON</a>:<br />
JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write and it is easy for machines to parse and generate. It is based on a subset of the JavaScript Programming Language, Standard ECMA-262 3rd Edition &#8211; December 1999.<br />
JSON is a text format that is completely language independent but uses conventions that are familiar to programmers of the C-family of languages, including C, C++, C#, Java, JavaScript, Perl, Python, and many others. These properties make JSON an ideal data-interchange language.</p>
<p>It&#8217;s a personal choice which of the Javascript Frameworks you should choose.<br />
Basically they are all more or less providing you the same functionality, and they all<br />
contain excellent documentation and API&#8217;s with examples.<br />
I will show you the 6 most popular frameworks, and tell you the current version,<br />
download link and which websites these frameworks use. Also the size of the .js file,<br />
which is an important detail.</p>
<table border="1" cellpadding="1" cellspacing="1" align="center">
<tr>
<th></th>
<th align="center"><a href="http://jquery.com/">JQuery</a></th>
<th align="center"><a href="http://www.prototypejs.org">Prototype</a></th>
<th align="center"><a href="http://www.dojotoolkit.org/">Dojo</a></th>
<th align="center"><a href="http://www.mootools.net/">Mootools</a></th>
<th align="center"><a href="http://labs.adobe.com/technologies/spry/home.html">Spry</a></th>
<th align="center"><a href="http://developer.yahoo.com/yui/">YUI</a></th>
</tr>
<tr>
<td><b>Version:</b></td>
<td>1.3.2</td>
<td>1.6.0.3</td>
<td>1.3.0</td>
<td>1.2.2.</td>
<td>1.6.1</td>
<td>2.7.0</td>
</tr>
<tr>
<td><b>Size:</b></td>
<td>56KB / 117kB *</td>
<td>127KB</td>
<td>80KB / 305kB *</td>
<td>64KB / 97kB * </td>
<td>4.88MB</td>
<td>11.7MB</td>
</tr>
<tr>
<td><b>Clients</b></td>
<td><em>Google, Dell, Mozilla, Bank of America (Microsoft, Nokia)</em></td>
<td><em>Apple, CNN, Twitter, Digg, eBAY, Sony, Prada, Wired, Amazon</em></td>
<td><em>Salesforce, IBM, AOL, Apple, Ask.com, SUN, Zend Framework, Lufthansa</em></td>
<td><em>Joomla, Nintendo, Gamespot, W3C, Netvibes</em></td>
<td><em>Adobe</em></td>
<td><em>Yahoo, KLM</em></td>
</tr>
</table>
<p>* = compressed gzipped / uncompressed</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ladysign-apps.com/blog/code/javascript/5-popular-javascript-frameworks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
