<?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>Bloggeh.com &#187; Web Development</title>
	<atom:link href="http://www.bloggeh.com/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.bloggeh.com</link>
	<description>Bits and pieces</description>
	<lastBuildDate>Thu, 03 Feb 2011 04:01:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>10 ui design patterns you should be paying attention to</title>
		<link>http://www.bloggeh.com/2011/01/28/10-ui-design-patterns-you-should-be-paying-attention-to/</link>
		<comments>http://www.bloggeh.com/2011/01/28/10-ui-design-patterns-you-should-be-paying-attention-to/#comments</comments>
		<pubDate>Fri, 28 Jan 2011 06:35:01 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.bloggeh.com/?p=253</guid>
		<description><![CDATA[http://www.smashingmagazine.com/2009/06/23/10-ui-design-patterns-you-should-be-paying-attention-to/

]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.smashingmagazine.com/2009/06/23/10-ui-design-patterns-you-should-be-paying-attention-to/">http://www.smashingmagazine.com/2009/06/23/10-ui-design-patterns-you-should-be-paying-attention-to/<br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggeh.com/2011/01/28/10-ui-design-patterns-you-should-be-paying-attention-to/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Heroku for Deployment</title>
		<link>http://www.bloggeh.com/2010/05/05/heroku-for-deployment/</link>
		<comments>http://www.bloggeh.com/2010/05/05/heroku-for-deployment/#comments</comments>
		<pubDate>Wed, 05 May 2010 01:38:22 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[deployment]]></category>
		<category><![CDATA[heroku]]></category>
		<category><![CDATA[rails]]></category>

		<guid isPermaLink="false">http://www.bloggeh.com/?p=202</guid>
		<description><![CDATA[Setup an account at Heroku
Create a new application at Heroku
$ heroku create
Deploy your app
$ git push heroku master
Open your app
$ heroku open
Rename your subdomain
heroku rename appnamehere
]]></description>
			<content:encoded><![CDATA[<p>Setup an account at <a href="http://www.heroku.com">Heroku</a></p>
<p>Create a new application at Heroku<br />
<code>$ heroku create</code></p>
<p>Deploy your app<br />
<code>$ git push heroku master</code></p>
<p>Open your app<br />
<code>$ heroku open</code></p>
<p>Rename your subdomain<br />
<code>heroku rename appnamehere</code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggeh.com/2010/05/05/heroku-for-deployment/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Learning Ruby and Rails Notes</title>
		<link>http://www.bloggeh.com/2010/05/03/learning-ruby-and-rails-notes/</link>
		<comments>http://www.bloggeh.com/2010/05/03/learning-ruby-and-rails-notes/#comments</comments>
		<pubDate>Mon, 03 May 2010 04:55:50 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[learn]]></category>
		<category><![CDATA[rails]]></category>
		<category><![CDATA[ruby]]></category>

		<guid isPermaLink="false">http://www.bloggeh.com/?p=174</guid>
		<description><![CDATA[Strings
Strings are surrounded in quotes. For example, "David" is a string.
A complete list of Ruby string methods is here.
.reverse
"David".reverse
>> "divaD"
.length
"David".length
>> 5
.strip
Removes white space around a string.
"David  ".strip
>> "David"
multiplication
"David" * 5
>> "DavidDavidDavidDavidDavid"
Converting Object Types
.to_s &#8211; converts to strings
.to_i &#8211; converts to integers
.to_a &#8211; converts to arrays
Arrays / Lists
Use brackets [].
[12, 47, 35]
.max
[12, 47, 35].max
>> 47
Hash [...]]]></description>
			<content:encoded><![CDATA[<h2>Strings</h2>
<p>Strings are surrounded in quotes. For example, <code>"David"</code> is a string.</p>
<p><a href="http://ruby-doc.org/core/classes/String.html">A complete list of Ruby string methods is here.</a></p>
<p><strong>.reverse</strong><br />
<code>"David".reverse<br />
>> "divaD"</code></p>
<p><strong>.length</strong><br />
<code>"David".length<br />
>> 5</code></p>
<p><strong>.strip</strong><br />
Removes white space around a string.<br />
<code>"David  ".strip<br />
>> "David"</code></p>
<p><strong>multiplication</strong><br />
<code>"David" * 5<br />
>> "DavidDavidDavidDavidDavid"</code></p>
<h2>Converting Object Types</h2>
<p><code><strong>.to_s</strong></code> &#8211; converts to strings<br />
<code><strong>.to_i</strong></code> &#8211; converts to integers<br />
<code><strong>.to_a</strong></code> &#8211; converts to arrays</p>
<h2>Arrays / Lists</h2>
<p>Use brackets [].<br />
<code>[12, 47, 35]</code></p>
<p><code><strong>.max</strong></code><br />
<code>[12, 47, 35].max<br />
>> 47</code></p>
<h2>Hash / Dictionary / Associative Array</h2>
<p>A hash is when you want to associate one thing with something else, like a dictionary. These are called Key, Value pairs.<br />
Hashes use curly braces <code>{}</code>.<br />
<code><br />
food["Fish"] = :yum<br />
food["Dog"] = :yuck<br />
food["Beef"] = :delicious</p>
<p>food<br />
>> {"Fish" => :yum, "Dog" => :yuck, "Beef" => :delicious}<br />
rating<br />
food.keys<br />
>> ["Fish", "Dog", "Beef"]<br />
</code></p>
<h2>Blocks</h2>
<p>Using the above example of food, you may use a block like the following to tally your results.</p>
<p><code>books.values.each { |rate| ratings[rate] += 1 }<br />
>> [:yum, :delicious, :yuck]</p>
<p>ratings<br />
>> {:yum => 1, :yuck => 1, :delicious => 1}<br />
</code></p>
<p>Another example of using a block:<br />
<code>5.times {print "Yes!"}<br />
>> Yes!Yes!Yes!Yes!Yes!</code></p>
<h2>Classes</h2>
<p>String, Array, Hash are all examples of Classes.</p>
<p><strong>Creating a class</strong><br />
<code>class BlogEntry<br />
  attr_accessor :title, :time, :fulltext, :mood<br />
end</code></p>
<p><code>attr_accessor</code> is how you define variables, or in this case attributes attached to a class.</p>
<p>Let&#8217;s start a new entry.<br />
<code>entry = BlogEntry.new<br />
entry.title = "Hello world!"<br />
entry.fulltext = "Yes this is my first post!"<br />
entry.mood = :sick<br />
entry.time = Time.now<br />
</code></p>
<p><strong>The <code>initalize</code> Method</strong><br />
Using the initalize method you won&#8217;t have to type the time every post.</p>
<p><code>class BlogEntry<br />
  def initalize( title, mood, fulltext )<br />
    @time = Time.now<br />
    @title, @mood, @fulltext = title, mood, fulltext<br />
  end<br />
end</code></p>
<p><strong>Important things to notice</strong><br />
Outside the class we use accessors: <code>entry.time = Time.now</code>. But inside we use instance variables: <code>@time = Time.now</code>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggeh.com/2010/05/03/learning-ruby-and-rails-notes/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>960 Grid System</title>
		<link>http://www.bloggeh.com/2009/09/10/960-grid-system/</link>
		<comments>http://www.bloggeh.com/2009/09/10/960-grid-system/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 07:35:19 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[960]]></category>
		<category><![CDATA[960.gs]]></category>
		<category><![CDATA[grid]]></category>

		<guid isPermaLink="false">http://www.bloggeh.com/2009/09/10/960-grid-system/</guid>
		<description><![CDATA[Very fast way to prototype websites and give them that Web 2.0 look and spacing.
Normal: http://960.gs/
Fluid: http://www.designinfluences.com/fluid960gs/12/
]]></description>
			<content:encoded><![CDATA[<p>Very fast way to prototype websites and give them that Web 2.0 look and spacing.</p>
<p>Normal: <a href="http://960.gs/">http://960.gs/</a><br />
Fluid: <a href="http://www.designinfluences.com/fluid960gs/12/">http://www.designinfluences.com/fluid960gs/12/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggeh.com/2009/09/10/960-grid-system/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Some Rails Notes</title>
		<link>http://www.bloggeh.com/2009/06/16/some-rails-notes/</link>
		<comments>http://www.bloggeh.com/2009/06/16/some-rails-notes/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 15:07:15 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>

		<guid isPermaLink="false">http://www.bloggeh.com/?p=99</guid>
		<description><![CDATA[.erb files
You can block HTML within ruby code.
&#60;% 3.times do -%&#62;
Ho!&#60;br /&#62;
&#60;% end %&#62;
Merry Christmas!
Loop which in turn sets a variable:
&#60;% 3.downto(1) do &#124;count&#124; -%&#62;
&#60;%= count %&#62;&#8230;&#60;br /&#62;
&#60;% end %&#62;
Lift off!
Escape HTML using h()
Email: &#60;%= h(&#8220;Ann &#38; Bill &#60;frazers@isp.email&#62;&#8221;) %&#62;
Symbols and linking to Actions in Rails
Think of symbols in rails as &#8220;the thing named&#8221;.
So in [...]]]></description>
			<content:encoded><![CDATA[<h1>.erb files</h1>
<h2>You can block HTML within ruby code.</h2>
<blockquote><p>&lt;% 3.times do -%&gt;<br />
Ho!&lt;br /&gt;<br />
&lt;% end %&gt;<br />
Merry Christmas!</p></blockquote>
<h2>Loop which in turn sets a variable:</h2>
<blockquote><p>&lt;% 3.downto(1) do |count| -%&gt;<br />
&lt;%= count %&gt;&#8230;&lt;br /&gt;<br />
&lt;% end %&gt;<br />
Lift off!</p></blockquote>
<h2>Escape HTML using h()</h2>
<blockquote><p>Email: &lt;%= h(&#8220;Ann &amp; Bill &lt;<a class="linkification-ext" title="Linkification: mailto:frazers@isp.email" href="mailto:frazers@isp.email">frazers@isp.email</a>&gt;&#8221;) %&gt;</p></blockquote>
<h2>Symbols and linking to Actions in Rails</h2>
<p>Think of symbols in rails as &#8220;the thing named&#8221;.</p>
<p>So in a link for example &lt;%= link_to &#8220;goodbye&#8221;, :action =&gt; &#8220;goodbye&#8221; %&gt;</p>
<p>The thing named :action =&gt; &#8220;goodbye&#8221;</p>
<h2>Looping through objects</h2>
<blockquote><p>&lt;% for file in @files %&gt;<br />
file name is: &lt;%= file %&gt;<br />
&lt;% end %&gt;</p>
<p>OR</p>
<p>&lt;% @files.each do |file| %&gt;<br />
file name is: &lt;%= file %&gt;<br />
&lt;% end %&gt;</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggeh.com/2009/06/16/some-rails-notes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lots of Free Icons!</title>
		<link>http://www.bloggeh.com/2009/06/10/icons/</link>
		<comments>http://www.bloggeh.com/2009/06/10/icons/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 06:21:31 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Graphics and Icons]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.bloggeh.com/?p=97</guid>
		<description><![CDATA[http://www.small-icons.com/packs/24&#215;24-free-application-icons.htm
http://iconza.com/
http://speckyboy.com/2009/02/02/50-of-the-best-ever-web-development-design-and-application-icon-sets/
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.small-icons.com/packs/24x24-free-application-icons.htm">http://www.small-icons.com/packs/24&#215;24-free-application-icons.htm</a></p>
<p><a href="http://iconza.com/">http://iconza.com/</a></p>
<p><a href="http://speckyboy.com/2009/02/02/50-of-the-best-ever-web-development-design-and-application-icon-sets/">http://speckyboy.com/2009/02/02/50-of-the-best-ever-web-development-design-and-application-icon-sets/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggeh.com/2009/06/10/icons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Great Photoshop Tutorial Website</title>
		<link>http://www.bloggeh.com/2009/05/18/great-photoshop-tutorial-website/</link>
		<comments>http://www.bloggeh.com/2009/05/18/great-photoshop-tutorial-website/#comments</comments>
		<pubDate>Mon, 18 May 2009 00:11:43 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.bloggeh.com/?p=93</guid>
		<description><![CDATA[Lots of amazing effects and abstract photoshop skills at PDSvault.
http://www.psdvault.com
]]></description>
			<content:encoded><![CDATA[<p>Lots of amazing effects and abstract photoshop skills at PDSvault.</p>
<p><a href="http://www.psdvault.com">http://www.psdvault.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggeh.com/2009/05/18/great-photoshop-tutorial-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google User Experience Guidelines</title>
		<link>http://www.bloggeh.com/2009/05/18/google-user-experience-guidelines/</link>
		<comments>http://www.bloggeh.com/2009/05/18/google-user-experience-guidelines/#comments</comments>
		<pubDate>Mon, 18 May 2009 00:11:04 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[guidelines]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://www.bloggeh.com/?p=91</guid>
		<description><![CDATA[http://www.google.com/corporate/ux.html
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.google.com/corporate/ux.html">http://www.google.com/corporate/ux.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggeh.com/2009/05/18/google-user-experience-guidelines/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Performing Auto-Complete using Ruby on Rails 2.x</title>
		<link>http://www.bloggeh.com/2009/03/15/performing-auto-complete-using-ruby-on-rails-2x/</link>
		<comments>http://www.bloggeh.com/2009/03/15/performing-auto-complete-using-ruby-on-rails-2x/#comments</comments>
		<pubDate>Sun, 15 Mar 2009 06:58:19 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[auto complete]]></category>

		<guid isPermaLink="false">http://www.bloggeh.com/?p=83</guid>
		<description><![CDATA[http://share-facts.blogspot.com/2009/02/autocompleter-example-in-ruby-on-rails.html
]]></description>
			<content:encoded><![CDATA[<p><a href="http://share-facts.blogspot.com/2009/02/autocompleter-example-in-ruby-on-rails.html">http://share-facts.blogspot.com/2009/02/autocompleter-example-in-ruby-on-rails.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggeh.com/2009/03/15/performing-auto-complete-using-ruby-on-rails-2x/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Remember HEADERS when sending mail from a site.</title>
		<link>http://www.bloggeh.com/2009/01/19/remember-headers-when-sending-mail-from-a-site/</link>
		<comments>http://www.bloggeh.com/2009/01/19/remember-headers-when-sending-mail-from-a-site/#comments</comments>
		<pubDate>Mon, 19 Jan 2009 02:16:47 +0000</pubDate>
		<dc:creator>Dave</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[e-mail]]></category>
		<category><![CDATA[headers]]></category>
		<category><![CDATA[junk]]></category>
		<category><![CDATA[mail]]></category>
		<category><![CDATA[sending]]></category>
		<category><![CDATA[spam]]></category>

		<guid isPermaLink="false">http://www.bloggeh.com/?p=77</guid>
		<description><![CDATA[Generally speaking, the e-mail will go to junk because of incomplete and missing headers. Many spam filters pick these &#8220;lack of headers&#8221; as a commonality between all those e-mails for all those enlargement pills and pirated software we&#8217;ve all been after.
Your mail code is slightly incorrect though, generally speaking the usage for mail is:
mail(&#8220;To&#8221;,&#8221;Subject&#8221;,&#8221;Message&#8221;,&#8221;Headers&#8221;)
Which could [...]]]></description>
			<content:encoded><![CDATA[<p>Generally speaking, the e-mail will go to junk because of incomplete and missing headers. Many spam filters pick these &#8220;lack of headers&#8221; as a commonality between all those e-mails for all those enlargement pills and pirated software we&#8217;ve all been after.</p>
<p>Your mail code is slightly incorrect though, generally speaking the usage for mail is:</p>
<p>mail(&#8220;To&#8221;,&#8221;Subject&#8221;,&#8221;Message&#8221;,&#8221;Headers&#8221;)</p>
<p>Which could explain why it went to junk the first time. Therefore you would have something like this established:</p>
<p>$headers = &#8220;MIME-Version: 1.0\r\n&#8221;;<br />
$headers .= &#8220;Content-type: text/html; charset=iso-8859-1\r\n&#8221;; // Important to change if you ever add attachments<br />
$headers .= &#8220;From: &#8220;.$email_address.&#8221;\r\n&#8221;;<br />
$headers .= &#8220;Reply-To: &#8220;.$email_address.&#8221;\r\n&#8221;;<br />
$headers .= &#8220;X-Mailer: PHP/&#8221;.phpversion().&#8221;\r\n&#8221;;</p>
<p>I&#8217;m sure you can work out the rest. Word of warning though, your e-mail address may be blacklisted as &#8220;junk&#8221; if you didn&#8217;t set the &#8220;from&#8221; value. There are many more headers that you may want to look up RFC2821 or some explanation on various headers.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggeh.com/2009/01/19/remember-headers-when-sending-mail-from-a-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

