<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"><channel>
<title>Tumblr Linkblog RSS Remixed</title><description>Mixes custom-generated items from API with items in the standard RSS feed to create a feed tailored for use with a linkblog.

Can be modified for any Tumblr blog (just clone and edit the two Fetch rules at the top).</description>
<pubDate>Fri, 25 May 2012 21:26:55 +0000</pubDate><generator>http://pipes.yahoo.com/pipes/</generator>
<link>http://bits.beckism.com/</link>
<item>
	<title>&#8734; Merging with main site

Plus Tumblr had adequately demonstrated that it is not capable of keeping a complex infrastructure up and running very well, so I&#8217;d rather revert back to keeping everything self-hosted.</title><description><![CDATA[<p>Thanks for your interest, folks! In the near-ish future, I will be merging Beckbits back into the main Beckism.com site. Now that I am not working on websites quite so full time, I am finding fewer unique links and tips that are worth sharing on their own, and it makes no sense to maintain two different blogs on similar topics (I already post code and so forth at Beckism.com).</p>

<p>Plus Tumblr had adequately demonstrated that it is not capable of keeping a complex infrastructure up and running very well, so I&#8217;d rather revert back to keeping everything self-hosted.</p>]]></description>
	<link>http://bits.beckism.com/post/2747320871</link><guid isPermaLink="true">http://bits.beckism.com/post/2747320871</guid>
	<pubDate>Fri, 14 Jan 2011 11:12:34 </pubDate>
	<author>ian@onecrayon.com</author>
	</item>
<item>
	<title>Sorting a Multi-Dimensional Array with PHP | firsttube.com</title><description><![CDATA[<div><p>This is a great function for sorting small multi-dimensional arrays based on a value in the nested array.</p></div><p><a rel="nofollow" title="Permanent Link" target="_blank" href="http://bits.beckism.com/post/422403780">&nbsp;&#8734;&nbsp;</a></p>]]></description>
	<link>http://firsttube.com/read/sorting-a-multi-dimensional-array-with-php/</link><guid isPermaLink="true">http://bits.beckism.com/post/422403780</guid>
	<pubDate>Tue, 02 Mar 2010 10:44:28 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>php</category>
				<category>tip</category>
			</item>
<item>
	<title>```Tip: a lot of folks seem to think that starting  ...

<div class="404">No love!</div>


In the CSS you would target this div like so:

.34 04 {
    /* styling here */
}


The weirdness at the beginning of the class name is CSS syntax for an escaped UTF-8 character code.  The backslash tells CSS that we&#8217;re entering into a hexadecimal character code, and the space terminates the code (and is thus discarded).  Sure, it&#8217;s illegible, but at least its possible for those scenarios when you absolutely have to start your classname with a number.  The CSS codes for numbers range from 30 (zero) to 39 (nine).</title><description><![CDATA[<p><strong>Tip:</strong> a lot of folks seem to think that starting a CSS class with a number is impossible.  They are wrong.  You can start your classes with numbers if you really want to, but you have to use a special syntax in the actual CSS.  For instance:</p>

<pre><code><div class="404">No love!</div>
</code></pre>

<p>In the CSS you would target this div like so:</p>

<pre><code>.&#92;34 04 {
    /* styling here */
}
</code></pre>

<p>The weirdness at the beginning of the class name is CSS syntax for an escaped UTF-8 character code.  The backslash tells CSS that we&#8217;re entering into a hexadecimal character code, and the space terminates the code (and is thus discarded).  Sure, it&#8217;s illegible, but at least its possible for those scenarios when you absolutely have to start your classname with a number.  The CSS codes for numbers range from <code>&#92;30</code> (zero) to <code>&#92;39</code> (nine).</p>]]></description>
	<link>http://bits.beckism.com/post/211410326</link><guid isPermaLink="true">http://bits.beckism.com/post/211410326</guid>
	<pubDate>Mon, 12 Oct 2009 15:52:13 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>css</category>
				<category>tip</category>
			</item>
<item>
	<title>```Tip: if you have a custom array sorting function in  ...

I have no idea why this is true, but if you&#8217;re having issues with Webkit&#8217;s Array.sort() functionality that may be the problem.  I discovered this trying to sort an array of <img> elements alphabetically by their alt attribute like so (example is using Mootools):

var links = $$('.sometarget img');
links.sort(function(first, second) {
    var firstAlt = first.getElement('img').get('alt');
    var secondAlt = second.getElement('img').get('alt');
    var temp = new Array(firstAlt, secondAlt);
    temp.sort();
    if (temp[0] == firstAlt) {
        return -1;
    } else {
        return 1;
    }
});


Returning 0 worked great in Firefox, but to get it working in Safari, too, I had to switch to returning -1 by default.</title><description><![CDATA[<p><strong>Tip:</strong> if you have a custom array sorting function in Javascript that&#8217;s performing right in Firefox but not in Safari, you may need to change what you&#8217;re returning.  For instance, returning <code>0</code> (use same order between first and second element) by default will typically work in Firefox, but for Safari to get the ordering right you&#8217;ll need to return a negative number (first item should be sorted ahead) by default.</p>

<p>I have no idea why this is true, but if you&#8217;re having issues with Webkit&#8217;s <code>Array.sort()</code> functionality that may be the problem.  I discovered this trying to sort an array of <code><img></code> elements alphabetically by their alt attribute like so (example is using <a rel="nofollow" target="_blank" href="http://mootools.net/">Mootools</a>):</p>

<pre><code>var links = $$('.sometarget img');
links.sort(function(first, second) {
    var firstAlt = first.getElement('img').get('alt');
    var secondAlt = second.getElement('img').get('alt');
    var temp = new Array(firstAlt, secondAlt);
    temp.sort();
    if (temp[0] == firstAlt) {
        return -1;
    } else {
        return 1;
    }
});
</code></pre>

<p>Returning <code>0</code> worked great in Firefox, but to get it working in Safari, too, I had to switch to returning <code>-1</code> by default.</p>]]></description>
	<link>http://bits.beckism.com/post/201275648</link><guid isPermaLink="true">http://bits.beckism.com/post/201275648</guid>
	<pubDate>Wed, 30 Sep 2009 16:18:49 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>javascript</category>
				<category>mootools</category>
				<category>tip</category>
			</item>
<item>
	<title>Setting up a killer, local web development environment on a Mac | Geek & Mild</title><description><![CDATA[<div><p>Easy to follow setup for a great local testing environment using <a rel="nofollow" target="_blank" href="http://www.mamp.info/">MAMP</a> and <a rel="nofollow" target="_blank" href="http://clickontyler.com/virtualhostx/">VirtualHostX</a>. Definitely necessary for anyone coding websites on the Mac.</p></div><p><a rel="nofollow" title="Permanent Link" target="_blank" href="http://bits.beckism.com/post/161355201">&nbsp;&#8734;&nbsp;</a></p>]]></description>
	<link>http://seansperte.com/entry/Setting_Up_a_Killer_Local_Web_Development_Environment_on_a_Mac_with_MAMP_an/</link><guid isPermaLink="true">http://bits.beckism.com/post/161355201</guid>
	<pubDate>Wed, 12 Aug 2009 09:20:00 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>software</category>
				<category>tips</category>
				<category>websites</category>
			</item>
<item>
	<title>Crazy Advanced Mod_Rewrite Tutorial</title><description><![CDATA[<div><p>I found this some time ago, but it deserves sharing again.  A reference to mod_rewrite RewriteCond variables that says exactly what the variables contain (along with how to find out for yourself if you&#8217;ve got a server that&#8217;s behaving funny). This is a must-read for anyone who has wondered why the heck their mod_rewrite rules were failing.</p></div><p><a rel="nofollow" title="Permanent Link" target="_blank" href="http://bits.beckism.com/post/157434796">&nbsp;&#8734;&nbsp;</a></p>]]></description>
	<link>http://www.askapache.com/htaccess/crazy-advanced-mod_rewrite-tutorial.html</link><guid isPermaLink="true">http://bits.beckism.com/post/157434796</guid>
	<pubDate>Thu, 06 Aug 2009 14:53:27 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>apache</category>
				<category>tips</category>
			</item>
<item>
	<title>Flutter : WordPress CMS Plugin by Freshout</title><description><![CDATA[<div><p>Astonishingly useful looking plugin for turning WordPress into a CMS.  Allows adding arbitrary custom fields to posts or pages, for easy creation of custom content types.</p></div><p><a rel="nofollow" title="Permanent Link" target="_blank" href="http://bits.beckism.com/post/157298661">&nbsp;&#8734;&nbsp;</a></p>]]></description>
	<link>http://flutter.freshout.us/</link><guid isPermaLink="true">http://bits.beckism.com/post/157298661</guid>
	<pubDate>Thu, 06 Aug 2009 11:04:14 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>wordpress</category>
				<category>plugin</category>
			</item>
<item>
	<title>One Star Pound Bypasses Needless Voicemail Instructions | Smarterware</title><description><![CDATA[<div><p>Fantastic little tip for solving a classic time-waster: the voice mail automated message. Sounds like it works with just about every major cell carrier as long as you listen to what happens in between keypresses.</p></div><p><a rel="nofollow" title="Permanent Link" target="_blank" href="http://bits.beckism.com/post/152508587">&nbsp;&#8734;&nbsp;</a></p>]]></description>
	<link>http://smarterware.org/2570/one-star-pound-bypasses-needless-voicemail-instructions</link><guid isPermaLink="true">http://bits.beckism.com/post/152508587</guid>
	<pubDate>Thu, 30 Jul 2009 15:05:49 </pubDate>
	<author>ian@onecrayon.com</author>
		<category>tip</category>
	</item>
<item>
	<title>SL Developer Info | Experience Internet</title><description><![CDATA[<div><p>Fantastic utility for anyone developing an ExpressionEngine site; solves the age-old problem of &#8220;what did I name that custom field again?&#8221;</p></div><p><a rel="nofollow" title="Permanent Link" target="_blank" href="http://bits.beckism.com/post/151187407">&nbsp;&#8734;&nbsp;</a></p>]]></description>
	<link>http://experienceinternet.co.uk/resources/details/sl-developer-info/</link><guid isPermaLink="true">http://bits.beckism.com/post/151187407</guid>
	<pubDate>Tue, 28 Jul 2009 17:08:41 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>expressionengine</category>
				<category>module</category>
			</item>
<item>
	<title>```Tip: When compiling an external framework like JSCocoa for inclusion  ...

(If you are working on a full application instead of a bundle, you can use @executable_path/../Frameworks instead.)</title><description><![CDATA[<p><strong>Tip:</strong> When compiling an external framework like <a rel="nofollow" target="_blank" href="http://inexdo.com/JSCocoa">JSCocoa</a> for inclusion in a bundle, make sure to change the Installation Directory in the framework&#8217;s target to <code>@loader_path/../Frameworks</code>.  This causes Objective-C to look for the framework in your bundle path instead of the application path or the standard framework locations.</p>

<p>(If you are working on a full application instead of a bundle, you can use <code>@executable_path/../Frameworks</code> instead.)</p>]]></description>
	<link>http://bits.beckism.com/post/142283087</link><guid isPermaLink="true">http://bits.beckism.com/post/142283087</guid>
	<pubDate>Wed, 15 Jul 2009 12:16:00 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>tip</category>
				<category>cocoa</category>
			</item>
<item>
	<title>&#8734; "Make something intended not for your own use, but for  ..."</title><description><![CDATA[<blockquote>Make something intended not for your own use, but for use by dummies, and you’ll usually wind up creating something dumb.</blockquote><p><cite>John Gruber <a rel="nofollow" target="_blank" href="http://daringfireball.net/2009/07/chrome_os_context">on Chrome OS</a></cite></p>]]></description>
	<link>http://bits.beckism.com/post/139076166</link><guid isPermaLink="true">http://bits.beckism.com/post/139076166</guid>
	<pubDate>Fri, 10 Jul 2009 08:05:53 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>opinions</category>
				<category>software</category>
			</item>
<item>
	<title>Answers to small Illustrator and Photoshop problems | Veerle's blog</title><description><![CDATA[<div><p>Some great solutions to niggling Photoshop and Illustrator problems; the tip about masking effects was one that I&#8217;ve struggled with a lot without realizing there was such a simple solution.</p></div><p><a rel="nofollow" title="Permanent Link" target="_blank" href="http://bits.beckism.com/post/128122707">&nbsp;&#8734;&nbsp;</a></p>]]></description>
	<link>http://veerle.duoh.com/blog/comments/answers_to_small_illustrator_and_photoshop_problems/</link><guid isPermaLink="true">http://bits.beckism.com/post/128122707</guid>
	<pubDate>Mon, 22 Jun 2009 07:41:00 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>tips</category>
				<category>software</category>
			</item>
<item>
	<title>Slideshow 2! A javascript class for Mootools 1.2 to stream and animate the presentation of images on your website</title><description><![CDATA[<div><p>A beautiful slideshow module for Mootools; multiple transitions and easy loading of images.</p></div><p><a rel="nofollow" title="Permanent Link" target="_blank" href="http://bits.beckism.com/post/120039902">&nbsp;&#8734;&nbsp;</a></p>]]></description>
	<link>http://www.electricprism.com/aeron/slideshow/</link><guid isPermaLink="true">http://bits.beckism.com/post/120039902</guid>
	<pubDate>Mon, 08 Jun 2009 10:23:44 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>javascript</category>
				<category>plugin</category>
			</item>
<item>
	<title>&#8734; "1995 - Brendan Eich reads up on every mistake ever  ..."</title><description><![CDATA[<blockquote>1995 - Brendan Eich reads up on every mistake ever made in designing a programming language, invents a few more, and creates LiveScript. Later, in an effort to cash in on the popularity of Java the language is renamed JavaScript. Later still, in an effort to cash in on the popularity of skin diseases the language is renamed ECMAScript.</blockquote><p><cite><a rel="nofollow" target="_blank" href="http://james-iry.blogspot.com/2009/05/brief-incomplete-and-mostly-wrong.html">A Brief, Incomplete, and Mostly Wrong History of Programming Languages</a></cite></p>]]></description>
	<link>http://bits.beckism.com/post/111637381</link><guid isPermaLink="true">http://bits.beckism.com/post/111637381</guid>
	<pubDate>Fri, 22 May 2009 15:47:00 </pubDate>
	<author>ian@onecrayon.com</author>
		<category>humor</category>
	</item>
<item>
	<title>```Tip: when adding a number to the end of a  ...

num = 10
my_string += `num`


Incidentally, I learned this from Oliver Crow&#8217;s article on Efficient String Concatenation in Python, which is a fantastic resource for anyone curious about the best way to combine strings in Python.</title><description><![CDATA[<p><strong>Tip:</strong> when adding a number to the end of a string in Python, you can surround the number with backticks in order to automatically convert it to a string (rather than using <code>str()</code>).  For example:</p>

<pre><code>num = 10
my_string += `num`
</code></pre>

<p>Incidentally, I learned this from Oliver Crow&#8217;s article on <a rel="nofollow" target="_blank" href="http://www.skymind.com/~ocrow/python_string/">Efficient String Concatenation in Python</a>, which is a fantastic resource for anyone curious about the best way to combine strings in Python.</p>]]></description>
	<link>http://bits.beckism.com/post/110996257</link><guid isPermaLink="true">http://bits.beckism.com/post/110996257</guid>
	<pubDate>Thu, 21 May 2009 07:52:00 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>tip</category>
				<category>python</category>
			</item>
<item>
	<title>SL Combinator: Combine and compress JavaScript and CSS in ExpressionEngine</title><description><![CDATA[<div><p>Allows you to compress Javascript and CSS for an ExpressionEngine site on the fly. Very handy for switching from development to live site and back again easily, although it unfortunately uses Minify rather than YUI Compressor.</p></div><p><a rel="nofollow" title="Permanent Link" target="_blank" href="http://bits.beckism.com/post/109860729">&nbsp;&#8734;&nbsp;</a></p>]]></description>
	<link>http://experienceinternet.co.uk/resources/details/sl-combinator/</link><guid isPermaLink="true">http://bits.beckism.com/post/109860729</guid>
	<pubDate>Mon, 18 May 2009 23:08:32 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>expressionengine</category>
				<category>extension</category>
			</item>
<item>
	<title>jQuery vs MooTools: Choosing Between Two Great JavaScript Frameworks</title><description><![CDATA[<div><p>Great article comparing the strengths of jQuery vs. Mootools.  I&#8217;m with the author: jQuery is a great collection of tools for working with the DOM, but I prefer Mootools&#8217; extensibility and explicit (if more verbose) code.</p></div><p><a rel="nofollow" title="Permanent Link" target="_blank" href="http://bits.beckism.com/post/109704513">&nbsp;&#8734;&nbsp;</a></p>]]></description>
	<link>http://jqueryvsmootools.com/</link><guid isPermaLink="true">http://bits.beckism.com/post/109704513</guid>
	<pubDate>Mon, 18 May 2009 16:42:00 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>javascript</category>
				<category>opinions</category>
			</item>
<item>
	<title>From the Department of Badly Chosen Defaults</title><description><![CDATA[<div><p>Allow IE to resize images much more accurately and beautifully than otherwise using a proprietary CSS property. Must-know tip when you need to specify a size in the CSS or HTML.</p></div><p><a rel="nofollow" title="Permanent Link" target="_blank" href="http://bits.beckism.com/post/107792426">&nbsp;&#8734;&nbsp;</a></p>]]></description>
	<link>http://www.joelonsoftware.com/items/2008/12/22.html</link><guid isPermaLink="true">http://bits.beckism.com/post/107792426</guid>
	<pubDate>Thu, 14 May 2009 11:22:00 </pubDate>
	<author>ian@onecrayon.com</author>
		<category>css</category>
	</item>
<item>
	<title>```Tip: if Mail.app is autocompleting an out-of-date address for someone  ...

Incredibly handy; incredibly hidden.</title><description><![CDATA[<p><strong>Tip:</strong> if Mail.app is autocompleting an out-of-date address for someone you can remove the address from its memory by selecting <strong>Window→Previous Recipients</strong>, searching the list for the problematic email, and clicking the Remove From List button.</p>

<p>Incredibly handy; incredibly hidden.</p>]]></description>
	<link>http://bits.beckism.com/post/106830523</link><guid isPermaLink="true">http://bits.beckism.com/post/106830523</guid>
	<pubDate>Tue, 12 May 2009 11:23:00 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>tip</category>
				<category>software</category>
			</item>
<item>
	<title>Skew, the Frontend Engineer's Misery @ Irrational Exuberance</title><description><![CDATA[<div><p>An interesting look at the problems a frontend developer faces.  For me, the best part of the article was in the footnotes:</p>

<blockquote>
  <p>For my purpose there is a distinction between a frontend engineer and a web developer. Within my definition, a web developer is creating an entire product, whereas a front end developer is developing the frontend portion of the product, but other portions are being a developed by other groups. [&#8230;] While the technical skills are roughly equivalent, the social and political environment are anything but.</p>
</blockquote></div><p><a rel="nofollow" title="Permanent Link" target="_blank" href="http://bits.beckism.com/post/101456829">&nbsp;&#8734;&nbsp;</a></p>]]></description>
	<link>http://lethain.com/entry/2009/apr/28/skew-the-frontend-engineer-s-misery/</link><guid isPermaLink="true">http://bits.beckism.com/post/101456829</guid>
	<pubDate>Wed, 29 Apr 2009 06:58:00 </pubDate>
	<author>ian@onecrayon.com</author>
					<category>webwork</category>
				<category>opinions</category>
			</item>
</channel></rss>
