<?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; generators</title>
	<atom:link href="http://www.ladysign-apps.com/blog/category/code/generators/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ladysign-apps.com/blog</link>
	<description>Girls can code.</description>
	<lastBuildDate>Mon, 12 Dec 2011 16:58:15 +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>Image base64 uri strings</title>
		<link>http://www.ladysign-apps.com/blog/code/css/image-base64-uri-strings/</link>
		<comments>http://www.ladysign-apps.com/blog/code/css/image-base64-uri-strings/#comments</comments>
		<pubDate>Tue, 28 Dec 2010 19:43:49 +0000</pubDate>
		<dc:creator>Lee</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[encoding]]></category>
		<category><![CDATA[generators]]></category>
		<category><![CDATA[generator]]></category>
		<category><![CDATA[image base64 strings]]></category>

		<guid isPermaLink="false">http://www.ladysign-apps.com/blog/?p=993</guid>
		<description><![CDATA[<p><strong>Difficulty:</strong> 2 out of 5 stars</p>
<p>By using the Data URI scheme you can embed images directly into your HTML and CSS. It works by encoding an image into a b[......]</p><p class='read-more'><a href='http://www.ladysign-apps.com/blog/code/css/image-base64-uri-strings/'>继续阅读</a></p>]]></description>
			<content:encoded><![CDATA[<p><strong>Difficulty:</strong> 2 out of 5 stars</p>
<p>By using the Data URI scheme you can embed images directly into your HTML and CSS. It works by encoding an image into a base64 string and place it directly withing an HTML image tag or as a CSS background URL. Such a base64 string url example in your CSS looks like this:</p>
<pre class="brush: css; title: ;">
div.image {
 background: data:image/x-png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABLElEQVR42qSTQStFURSFP7f3XygyoAwoYSYMPCIpk2egMFSmUvwCRpSRDIwYGbwyVuYykB9y914m951z7nHe6J26dc9u77XXWmdvJLF7/audqx9JYuvyW92LL0li8K2df2r17CPEVk7ftXTclyQqAMmRCwC5I3fS42a4W7y74VYDNAAuJA8AaXIsSACsDgAdAJeFrnnyoMBygKZJJ3b1It0AmsTMDPdEgrujJqHEwCxqznMaD2KgyCDRnEuo8qJhHvx/hcQDbzGoix5Yi4G1TcwZWNEDKwJU+WDkhg2ToDaD+M65YcVB8jg3Y5IY5VQAyyf9gLJw+CqAuYNnAczsPQpgevtBU937kDexcdssj8Ti0ZskMd97CRs3u//U2sjJzbtwH1+/Cf8jS/gbAMmWc42HzdIjAAAAAElFTkSuQmCC
}
</pre>
<p>I found this generator who generates such a string after uploading an image.<br />
I used this for iPhone/iPad app development.</p>
<p><a href="http://webcodertools.com/imagetobase64converter">http://webcodertools.com/imagetobase64converter</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ladysign-apps.com/blog/code/css/image-base64-uri-strings/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><p class='read-more'><a href='http://www.ladysign-apps.com/blog/code/browsers/create-subdomain-in-htaccess-file/'>继续阅读</a></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; title: ;">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><p class='read-more'><a href='http://www.ladysign-apps.com/blog/code/css/get-rid-of-many-page-requests-use-css-sprites/'>继续阅读</a></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; title: ;">#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>Social Security Number generator</title>
		<link>http://www.ladysign-apps.com/blog/code/generators/social-security-number-generator/</link>
		<comments>http://www.ladysign-apps.com/blog/code/generators/social-security-number-generator/#comments</comments>
		<pubDate>Wed, 26 Nov 2008 10:08:00 +0000</pubDate>
		<dc:creator>Lee</dc:creator>
				<category><![CDATA[generators]]></category>
		<category><![CDATA[11-digit-check]]></category>
		<category><![CDATA[generator]]></category>
		<category><![CDATA[social security number]]></category>

		<guid isPermaLink="false">http://ladysign-apps.com/blog/?p=184</guid>
		<description><![CDATA[<p><strong>Difficulty:</strong> 2 out of 5 stars</p>
<p>Some computer software contain social security number (sofi nummer) checks for making sure that the user fills in the cor[......]</p><p class='read-more'><a href='http://www.ladysign-apps.com/blog/code/generators/social-security-number-generator/'>继续阅读</a></p>]]></description>
			<content:encoded><![CDATA[<p><strong>Difficulty:</strong> 2 out of 5 stars</p>
<p>Some computer software contain social security number (sofi nummer) checks for making sure that the user fills in the correct social security number. The social security number can be tested by a similar 11-digit-check, which is used a lot for testing electronic payment transfers (on 9 and 10 digit bank account numbers), to check if they are valid.</p>
<p>The 11-digit-check multiplies every number with it&#8217;s position, adds these numbers up and divides the result by 11. The result should be > 0.</p>
<p>For example, bank account number: 73.61.60.221 can be calculated:</p>
<pre class="brush: jscript; title: ;">
   (7 Ã—9 + 3 Ã—8 + 6 Ã—7 + 1 Ã—6 + 6 Ã—5 + 0 Ã—4 + 2 Ã—3 + 2 Ã—2 + 1 Ã—1) / 11 = 16
</pre>
<p>For social security numbers the formula is a bit different.<br />
The last number will be multiplied by position -1 instead of 1.</p>
<p>Now of course tools like this do already exist:<br />
Check the following URL:<br />
<a href="http://www.wilmans.com/sofinummer/index.html" target="_blank">http://www.wilmans.com/sofinummer/index.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ladysign-apps.com/blog/code/generators/social-security-number-generator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

