<?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>MoonKat Creations &#187; Tutorials</title>
	<atom:link href="http://www.moonkatcreations.com/tag/tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.moonkatcreations.com</link>
	<description>Not just another WordPress blog about web design</description>
	<lastBuildDate>Tue, 27 Jul 2010 04:50:06 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Github Repository Creation For Dummies</title>
		<link>http://www.moonkatcreations.com/web-design/github/github-repository-creation-for-dummies/</link>
		<comments>http://www.moonkatcreations.com/web-design/github/github-repository-creation-for-dummies/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 20:53:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[github]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[versioning]]></category>

		<guid isPermaLink="false">http://blog.moonkatcreations.com/?p=26</guid>
		<description><![CDATA[If you&#8217;re like me, an interface designer/developer, not a hardcore back-end developer, and you do what you can to avoid the terminal, github can be daunting, especially during the setup process of creating a repository. The GUI interfaces for github are limited in their capabilities (volunteers, anyone?), and there just aren&#8217;t that many tutorials geared [...]]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;re like me, an interface designer/developer, not a hardcore back-end developer, and you do what you can to avoid the terminal, github can be daunting, especially during the setup process of creating a repository. The GUI interfaces for github are limited in their capabilities (volunteers, anyone?), and there just aren&#8217;t that many tutorials geared toward those who don&#8217;t already have experience with the command line (surprise, surprise). Github, truly an application built by programmers for programmers. (Nothing meant by that personally. I work with you guys everyday, and am consistantly awed and enterained.)</p>
<p>Anyway, once you are lucky enough to have a programmer walk you through it, or you manage figure it out yourself through trial and error, the setup process is not that bad, and is elucidated below.</p>
<p>1. After you set up your github account (pretty straightforward) go to your dashboard. Here you will find a list of your repositories, or lack thereof. Click &#8216;create a new one.&#8217;</p>
<p>2. It will ask you for the name of your project. Pick something descriptive&#8211;ideally, whatever you&#8217;re going to name the directory on your computer that will be the corresponding local repository. If you add spaces to the project name, github will insert dashes.</p>
<p>3. Once you&#8217;ve submitted this information, you are directed to a page with setup instructions. Follow it precisely, entering one line at a time into the terminal. You will need to download github onto your computer, if you haven&#8217;t already done so. Basically, your github remote repo has already been created, and in this step, you are creating a local version on your machine and linking them together.</p>
<p>That&#8217;s it! This process will have to be repeated for every repository you wish to host on github, except for the very first part of the instructions regarding downloading and initiating github. That only needs to be done the very first time.</p>
<p>I&#8217;m creating a different repository for every piece of JavaScript I want to share on github, and no joke, it takes about 3 minutes to set up.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.moonkatcreations.com/web-design/github/github-repository-creation-for-dummies/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Using Variables in JQuery Selectors</title>
		<link>http://www.moonkatcreations.com/web-design/jquery/using-variables-in-jquery-selectors/</link>
		<comments>http://www.moonkatcreations.com/web-design/jquery/using-variables-in-jquery-selectors/#comments</comments>
		<pubDate>Tue, 14 Jul 2009 20:57:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://blog.moonkatcreations.com/?p=21</guid>
		<description><![CDATA[If you want to use variables in combination with CSS-style selectors like so:
$("#navigation a.myHomePage, " + logo).hover(function() {
$("li.home").addClass("homeRoll");
}, (function() {
$("li.home").removeClass("homeRoll");
});
Make sure your variable homePageImage is written as a string:
var homePageImage = "#logo"
not an object:
var homePageImage = $("#logo")
or it won&#8217;t work.
]]></description>
			<content:encoded><![CDATA[<p>If you want to use variables in combination with CSS-style selectors like so:</p>
<pre>$("#navigation a.myHomePage, " + logo).hover(function() {
$("li.home").addClass("homeRoll");
}, (function() {
$("li.home").removeClass("homeRoll");
});</pre>
<p>Make sure your variable homePageImage is written as a string:</p>
<pre>var homePageImage = "#logo"</pre>
<p>not an object:</p>
<pre>var homePageImage = $("#logo")</pre>
<p>or it won&#8217;t work.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.moonkatcreations.com/web-design/jquery/using-variables-in-jquery-selectors/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Textarea Scrolling in Firefox</title>
		<link>http://www.moonkatcreations.com/web-design/html/textarea-scrolling-in-firefox/</link>
		<comments>http://www.moonkatcreations.com/web-design/html/textarea-scrolling-in-firefox/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 20:19:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[browser bugs]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[textarea]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://blog.moonkatcreations.com/?p=3</guid>
		<description><![CDATA[1. Firefox will put a vertical AND horizontal scrollbar on a textarea by default.
To get rid of the horizontal scrolling, use this:
overflow-y: scroll; (or overflow-y: auto if you don&#8217;t want your scrollbar to appear if it&#8217;s not needed)
 overflow-x: hidden;
Not this, as I&#8217;ve seen suggested on various blogs:
 overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;
I&#8217;m not sure what [...]]]></description>
			<content:encoded><![CDATA[<p>1. Firefox will put a vertical AND horizontal scrollbar on a textarea by default.</p>
<p>To get rid of the horizontal scrolling, use this:</p>
<p><strong>overflow-y: scroll; </strong>(or<strong> overflow-y: auto </strong>if you don&#8217;t want your scrollbar to appear if it&#8217;s not needed)<br />
<strong> overflow-x: hidden;</strong></p>
<p>Not this, as I&#8217;ve seen suggested on various blogs:</p>
<p><strong> overflow: scroll;<br />
overflow-y: scroll;<br />
overflow-x: hidden;<br />
overflow:-moz-scrollbars-vertical;</strong></p>
<p>I&#8217;m not sure what the advantage is to the extra styles, as I&#8217;ve seen no difference in rendering.</p>
<p>2. Firefox will not wrap a single word. Use text with spacing for testing. I&#8217;ve made the mistake of testing with one long string of keyboard gibberish, and wondered why I could only get horizontal scrolling. Also, if you have your x-scrolling disabled, the string of characters that exceeds the width of the text box will be cut off from view.</p>
<div id="attachment_4" class="wp-caption alignnone" style="width: 201px"><img class="size-full wp-image-4" title="lipsum" src="http://blog.moonkatcreations.com/wp-content/uploads/blog.moonkatcreations.com/2009/06/lipsum.png" alt="Spaces are good." width="191" height="81" /><p class="wp-caption-text">Spaces are good</p></div>
<div id="attachment_5" class="wp-caption alignnone" style="width: 201px"><img class="size-full wp-image-5" title="no_spaces" src="http://blog.moonkatcreations.com/wp-content/uploads/blog.moonkatcreations.com/2009/06/no_spaces.png" alt="Single string is bad" width="191" height="81" /><p class="wp-caption-text">Single string is bad</p></div>
<p>3. Be sure to set the height of the textarea great enough for the browser to render a scroll icon. If the textarea isn&#8217;t tall enough, all you&#8217;ll get is a gray box on the right hand side, which is still functional, but not intuitive.</p>
<div id="attachment_6" class="wp-caption alignnone" style="width: 201px"><img class="size-full wp-image-6" title="lipsum1" src="http://blog.moonkatcreations.com/wp-content/uploads/blog.moonkatcreations.com/2009/06/lipsum1.png" alt="With a specified height" width="191" height="81" /><p class="wp-caption-text">With a specified height</p></div>
<div id="attachment_7" class="wp-caption alignnone" style="width: 198px"><img class="size-full wp-image-7" title="no_set_height" src="http://blog.moonkatcreations.com/wp-content/uploads/blog.moonkatcreations.com/2009/06/no_set_height.png" alt="Without a specified height" width="188" height="45" /><p class="wp-caption-text">Without a specified height</p></div>
<p><span id="more-6"></span><!--more--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.moonkatcreations.com/web-design/html/textarea-scrolling-in-firefox/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
