<?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>Aaron Mentele</title>
	<atom:link href="http://aaronmentele.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://aaronmentele.com</link>
	<description>personal blog of Aaron Mentele, web developer and partner at Electric Pulp</description>
	<lastBuildDate>Sun, 15 Jan 2012 20:09:12 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.8.1</generator>
	<item>
		<title>Media queries for mobile browsers</title>
		<link>http://aaronmentele.com/2012/01/15/media-queries-for-mobile-browsers/</link>
		<comments>http://aaronmentele.com/2012/01/15/media-queries-for-mobile-browsers/#comments</comments>
		<pubDate>Sun, 15 Jan 2012 18:53:55 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[mobile rwd]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=965</guid>
		<description><![CDATA[On Friday, I posted about some test cases and detailed how Mobile Safari handles redeclared assets in three situations on iOS. I did this to try to clear up the concern that using media queries led to compounding or unnecessary file downloads. There are specific cases, in older versions of the Mobile Safari, that raise [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>On Friday, I <a href="http://aaronmentele.com/2012/01/13/sirens-2/">posted about some test cases</a> and detailed how Mobile Safari handles redeclared assets in three situations on iOS. I did this to try to clear up the concern that using media queries led to compounding or unnecessary file downloads. There are specific cases, in older versions of the Mobile Safari, that raise valid concerns, but in most practical cases Mobile Safari&#8217;s behavior complements <em>responsive web design</em> (<a href="http://responsivewebdesign.com/">?</a>) well. Mobile browsers have come a long way over the last few years.</p>
<p>Here are a few things to keep in mind:</p>
<h2>Hiding Image Tags</h2>
<p>You can hide an HTML <img> tag, but you <strong>can&#8217;t</strong> prevent the asset from being requested. If you thought you&#8217;d just set that entire column of banner ads to display:none within your media query (or, simply, further down the cascade) to make a better experience for your mobile visitors, just know that, as of Mobile Safari 5.1, your audience still has to download each of the assets (e.g., images sourced in <img> tags) that you&#8217;ve just hidden, and your advertisers might be paying for impressions you aren&#8217;t delivering.</p>
<h2>Hiding Background Images</h2>
<p>You <strong>can</strong> hide a CSS background image and prevent the asset from being downloaded by setting the element&#8217;s parent to display:none. Just remember, this doesn&#8217;t work if you hide the element itself. Setting the parent to display:none is an easy way to hide images without forcing pointless downloads. Mobile Safari exhibits this behavior as far back as I&#8217;ve been able to test (Mobile Safari 3).</p>
<h2>Replacing Background Images</h2>
<p>Another way to hide a background image is to set the background-image to &#8216;none&#8217; on the element itself. Maybe you&#8217;d like to remove a background-image from your document&#8217;s <body>, for instance. The initial asset will <strong>not</strong> be downloaded by iOS 5 Mobile Safari. This same behavior works if you&#8217;d like to declare an alternate background-image within your media query (e.g., replacing <m>huge.png</em> with <em>small.png</em> in my test cases). </p>
<p>You should be aware, however, that prior versions of the browser actually <strong>will</strong> download the initial asset as well as the one you declare further down the cascade. The only documentation I can find regarding this <a href="https://github.com/h5bp/html5-boilerplate/issues/816#issuecomment-2500648">bug</a> suggests all versions of Mobile Safari prior to 5 are affected, but I&#8217;ve seen conflicting results.</p>
<h2>Declaring for Orientation</h2>
<p>You can target an orientation (e.g., landscape), and the browser will only request that asset only if you start in or change to that orientation. This might be a rare situation, but it&#8217;s nice to know that, as of Mobile Safari 5, the browser will not request orientation-specific file(s) at initial page load if they aren&#8217;t needed. Being able to target iPhone orientation is new to iOS 5, so I haven&#8217;t tried testing anything other than Mobile Safari 5.</p>
<h2>Caveat Emptor</h2>
<p>I&#8217;m being careful to specify Mobile Safari on iOS. I&#8217;ve tested WebKit on Android with similar results, but everything you see above has been confirmed by a small army of independent tests over time. On that note, I should formally thank <a href="http://twitter.com/grigs">Jason Grigsby</a>, <a href="http://twitter.com/tkadlec">Tim Kadlec</a> and <a href="http://twitter.com/michaellehmkuhl">Michael Lehmkuhl</a> for confirming each of these test cases over the weekend and <a href="http://twitter.com/beep">Ethan Marcotte</a> for helping me focus the test cases in the first place. </p>
<p>Clearly, there are more devices and browsers to test against, but I&#8217;ll never get through them all. I plan to follow up with results from Android&#8217;s WebKit and Opera Mobile once I&#8217;ve had chance to further verify. If you&#8217;d like to check on your own, I&#8217;ve posted the files I used to test <a href="http://aaronmentele.com/test.zip">four of the scenarios</a>. You&#8217;ll just need access to your log files (access_log in my case) to confirm which files are being requested by the browser. It probably goes without saying that you&#8217;ll need to clear data / cache between each test, but I&#8217;ve noticed that even that is sometimes not enough on older devices. If you do find further results, I&#8217;d love it if you&#8217;d ping me on <a href="http://twitter.com/aaronmentele">twitter</a>.</p>
<p>Just don&#8217;t let all these caveats bury how far mobile browsers have come and how ably they handle assets today. I hear mobile is going to be a big thing.</p>
]]></content:encoded>
			<wfw:commentRss>http://aaronmentele.com/2012/01/15/media-queries-for-mobile-browsers/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Sirens</title>
		<link>http://aaronmentele.com/2012/01/13/sirens-2/</link>
		<comments>http://aaronmentele.com/2012/01/13/sirens-2/#comments</comments>
		<pubDate>Fri, 13 Jan 2012 21:33:00 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=950</guid>
		<description><![CDATA[There seems to be a widely held belief that using media queries to overwrite css properties results in compounding load times (in the case of replacement assets being declared) or unnecessary load times (in the case of display properties being set to none). More likely it&#8217;s simply an uncertainty that, lacking time or reason, few [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>There seems to be a widely held belief that using media queries to overwrite css properties results in compounding load times (in the case of replacement assets being declared) or unnecessary load times (in the case of display properties being set to none). More likely it&#8217;s simply an uncertainty that, lacking time or reason, few have bothered to test themselves. That uncertainty gives rise to arguments against using <em>responsive web design</em> to handle mobile experience due to bandwidth concerns.</p>
<p>I&#8217;ve never found this to be the case. </p>
<p>In fact, the manner in which mobile browsers handle assets is one of the reasons I think responsive web design is so practical. Designing for smaller viewports typically has the added benefit of lightening page load rather than the reverse. Don&#8217;t take my word on it, though. Not yet.</p>
<p>It typically takes specific project requirements to get me to set up test cases, so my testing has focused heavily on iOS devices. Over time I&#8217;ve tested on iPhone 3, 3g, and 4, iPod Touch Gen 2, 3 and 4, iPad 1 and 2, and a token Nexus One. I realize that leaves the behavior of a lot of browsers in question. Caveat emptor.</p>
<p>Last night, I recreated the test scenarios detailed below using <strong>Mobile Safari 5 on an iPhone 4 and Mobile Safari 3.1 on an iPod Touch</strong>. I mentioned that I&#8217;ve tested on a number of devices/browsers, but given the rate of change in mobile browsers, please do not extrapolate beyond these two browsers.</p>
<h2 id="test-1">Test 1</h2>
<p>A background image is declared in css, but the parent&#8217;s element is set to display:none inside a simple media query targeting an iPhone.<br />
<pre><code>
.sidebar div {
&nbsp;&nbsp;background:url(/img/huge.png);
}

@media only screen and (max-device-width: 480px) {
&nbsp;&nbsp;.sidebar {
&nbsp;&nbsp;&nbsp;&nbsp;display:none;
&nbsp;&nbsp;}
}
</code></pre><br />
In this case, the browser recognizes the display property and does <strong>not</strong> request/download /img/huge.png. As you&#8217;d hope.</p>
<h2>Test 2</h2>
<p>A background image is declared in css but then overwritten inside a simple media query targeting an iPhone.<br />
<pre><code>
.sidebar div {
&nbsp;&nbsp;background:url(/img/huge.png);
}

@media only screen and (max-device-width: 480px) {
&nbsp;&nbsp;.sidebar div {
&nbsp;&nbsp;&nbsp;&nbsp;background:url(/img/small.png);
&nbsp;&nbsp;}
}
</code></pre><br />
In this case, the browser requests /img/small.png but <strong>not</strong> /img/huge.png. As you&#8217;d hope. <strong>UPDATE:</strong> Mobile Safari 4 may have had a bug causing both files to be downloaded (as you would <em>not</em> hope). I&#8217;ll add some test devices for follow up testing.</p>
<h2>Test 3</h2>
<p>A hybrid of Test 1 and 2 except we want a background-image to appear on orientation change.<br />
<pre><code>
.sidebar div {
&nbsp;&nbsp;background:url(/img/huge.png);
}

@media only screen and (max-device-width: 480px) {
&nbsp;&nbsp;.sidebar {
&nbsp;&nbsp;&nbsp;&nbsp;display:none
&nbsp;&nbsp;}
}

@media only screen and (max-device-width: 480px) and (orientation: landscape) {
&nbsp;&nbsp;.sidebar {
&nbsp;&nbsp;&nbsp;&nbsp;display:block;
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;.sidebar div {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background:url(/img/small.png);
&nbsp;&nbsp;&nbsp;&nbsp;}
}
</code></pre><br />
In this case, the browser does <strong>not</strong> request /img/small.png unless you start in or change to landscape orientation. As you&#8217;d hope.</p>
<p>In short, mobile browsers are smart. The results you&#8217;ll encounter will tend to <em>make sense</em>.</p>
<p>It&#8217;s worth noting that the behavior noted above does not cover images requested via <img> tags. If your plan was simply to hide those banner images on smaller devices, you&#8217;re going to need a better solution. Those assets are still going to be served. </p>
<p><strong>UPDATE:</strong> I also need to be clear that the first test case <a href="#test-1">Test 1</a> only works if the <em>parent element</em> is set to display:none. Setting the element itself to display:none will not work. The example code I used when writing this post was slightly different than my actual test files and may have been misleading.</p>
<p>If I was only allowed to make one point, it would be this: don&#8217;t believe any test a person uses to support a claim for or against a development practice until you&#8217;ve performed it yourself. I personally consider responsive web design to be an extremely practical way to improve mobile interface without sacrificing experience due to load time. Each of you can perform your own tests.</p>
]]></content:encoded>
			<wfw:commentRss>http://aaronmentele.com/2012/01/13/sirens-2/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>HTML5, again</title>
		<link>http://aaronmentele.com/2010/03/17/html5-again/</link>
		<comments>http://aaronmentele.com/2010/03/17/html5-again/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 21:49:03 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[html5 css3]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=896</guid>
		<description><![CDATA[If you&#8217;re a front-end developer, I want you to do me a favor. I want you to pick a project and mark it up in html5. I&#8217;m not going to ask you to code a game experience inside the canvas element or replicate a youtube video player or do anything really, except challenge you to [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>If you&#8217;re a front-end developer, I want you to do me a favor. I want you to pick a project and mark it up in html5. I&#8217;m not going to ask you to code a game experience inside the canvas element or replicate a youtube video player or do anything really, except challenge you to declare semantic information about your content blocks.</p>
<p>This is a <code>&lt;header&gt;</code>. This is a <code>&lt;section&gt;</code>. This is a <code>&lt;footer&gt;</code>. Et cetera.</p>
<p>What I heard at southby any time it came up was that HTML5 wasn&#8217;t worth the extra effort. I didn&#8217;t hear a single dev concerned with browser compatibility or the possibility of the spec changing. Just effort. And that&#8217;s bullshit. You&#8217;re changing a doctype and working with a few extra block elements.</p>
<p>I&#8217;m going to bonus you out, though, to help convince you to do it. This all comes together and opens up a foundation for certain CSS3 enhancements. You&#8217;ve heard of @font-face, right? Yeah, read on.</p>
<h2>Switching the doctype</h2>
<p>It feels sexy being able to type your doctype by hand. If you aren&#8217;t already doing it, try it. <code>&lt;!DOCTYPE html&gt;</code> Sexy. </p>
<p>Declaring your character set just got simpler, too. <code>&lt;meta charset=&quot;UTF-8&quot; /&gt;</code></p>
<p>Some of you noticed I closed that tag. I like XHTML. Maybe you don&#8217;t. You can do it either way.</p>
<h2>Tricking out your blocks</h2>
<p>You can tell yourself all you want that your id&#8217;s and classnames are already informing people and bots of the content type within, but you&#8217;d be kidding yourself. Div&#8217;s are for suckers. They provide no semantic information to the untrained audience. You could say the same of html5, except that it really is <strong>standard</strong>.</p>
<p>For those who haven&#8217;t read through the spec, here&#8217;s an example skel template:<br />
<pre><code class=&#8221;code&#8221;>
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&nbsp;&nbsp;&lt;head&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;Boom&lt;/title&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;meta charset=&quot;UTF-8&quot; /&gt;
&nbsp;&nbsp;&lt;/head&gt;
&nbsp;&nbsp;&lt;body&gt;
&nbsp;&nbsp;&lt;header id=&quot;header&quot;&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;hgroup&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h1&gt;BOOM&lt;/h1&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h2&gt;I&#039;m using HTML5!&lt;/h2&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/hgroup&gt;
&nbsp;&nbsp;&lt;/header&gt;
&nbsp;&nbsp;&lt;nav&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=&quot;&quot;&gt;a link&lt;/a&gt;&lt;/li&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=&quot;&quot;&gt;a link&lt;/a&gt;&lt;/li&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/ul&gt;
&nbsp;&nbsp;&lt;/nav&gt;
&nbsp;&nbsp;&lt;section id=&quot;content&quot;&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;article&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;header&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h3&gt;Implementing new markup is fun.&lt;/h3&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/header&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;I can&#039;t believe how excited I am right now.&lt;/p&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;aside&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;Related: I like CSS3 too, but Imma let you finish.&lt;/p&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/aside&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;footer&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;I don&#039;t have a footer. This shouldn&#039;t even be here.&lt;/p&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/footer&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/article&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;aside id=&quot;sidebar&quot;&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h3&gt;Archives&lt;/h3&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=&quot;&quot;&gt;Sooper interesting story.&lt;/a&gt;&lt;/li&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a href=&quot;&quot;&gt;Very interesting story.&lt;/a&gt;&lt;/li&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/ul&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/aside&gt;
&nbsp;&nbsp;&lt;/section&gt;
&nbsp;&nbsp;&lt;footer id=&quot;footer&quot;&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;No rights reserved.&lt;/p&gt;
&nbsp;&nbsp;&lt;/footer&gt;
&nbsp;&nbsp;&lt;/body&gt;
&lt;/html&gt;
</code></pre></p>
<p>Simple. There isn&#8217;t much guesswork involved in deciding which elements to use where. I typed that out without grabbing from an existing project just to make sure I can say this: <strong>IT DOES NOT TAKE ANY LONGER THAN CODING IN HTML4 OR XHTML</strong>.</p>
<p>BTW, maybe you spotted some seemingly redundant id&#8217;s up there. (E.g., <code>&lt;header id=&quot;header&quot;&gt;</code>) I did too, but I like to keep specificity basic, and we&#8217;re allowing for multiple uses of the same elements. I also have some carry-over habits from my time with divs, and, like I mentioned above, I&#8217;m not asking you to throw out any of your practices. I&#8217;m just suggesting you can enhance them.</p>
<h2>Browser Compatibility</h2>
<p>You&#8217;re right to be concerned about browser compatibility. There is a whole gaggle of browsers that won&#8217;t recognize these new elements. We need to declare them in our css:<br />
<pre><code class=&#8221;code&#8221;>
header, nav, article, section, figure, aside, footer { display: block; }
time { display: inline; }
</code></pre></p>
<p>That won&#8217;t be enough. Most of you have probably heard of the HTML5 shiv that lets you style these new elements in IE. Ignore it. Go get <a href="http://www.modernizr.com/">modernizr</a> instead. Call it:<br />
<pre><code>
&lt;script src=&quot;/js/modernizr-1.1.min.js&quot;&gt;&lt;/script&gt;
</code></pre></p>
<p>Done. You&#8217;re using HTML5. Your site is also now jacked in Firefox 2 and Opera 1, but we&#8217;re all grown-ups here. You&#8217;ll also notice some js targeting issues in IE, so you might want to keep using divs for slideshows and the like. But I hate to even mention these things. Issues will be extremely rare.</p>
<h2>Bonus! Progressive CSS</h2>
<p>This is going to seem like I&#8217;m throwing you for a loop, but stick with me &#8212; this is the bonus I promised. Now that you&#8217;re using Modernizr, you have browser evaluation for CSS3 features already happening. Take a look at (inspect) your html tag. You&#8217;ll see classes for something like 24 new properties such as rgba, borderradius, cssgradient, and fontface.</p>
<p>Let&#8217;s focus on the last one. </p>
<p>One of the things holding us back from using @font-face was browser (in)consistency. We could add to the font stack, but we couldn&#8217;t modify the characteristics if we had to fall back from a narrow font, for instance, to something wider like websafe Helvetica. Now we can.</p>
<p><pre><code class=&#8221;code&#8221;>
@font-face {
font-family: &#039;Snowflake&#039;;
src: url(&#039;/fonts/SNOWN___.eot&#039;);
src: local(&#039;Snowflake Normal&#039;), local(&#039;SnowflakeNormal&#039;), 
url(&#039;/fonts/SNOWN___.woff&#039;) format(&#039;woff&#039;), 
url(&#039;/fonts/SNOWN___.ttf&#039;) format(&#039;truetype&#039;), 
url(&#039;/fonts/SNOWN___.svg#:SnowflakeNormal&#039;) format(&#039;svg&#039;);
}

h1 {
&nbsp;&nbsp;font-family:&#039;:SnowflakeNormal&#039;, Helvetica, Arial, sans-serif;
&nbsp;&nbsp;font-size:2em;
&nbsp;&nbsp;font-weight:200;/* this is an attempt to bust ClearType rules */
&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;.no-fontface h1 {
&nbsp;&nbsp;&nbsp;&nbsp;font-family:Helvetica, Arial, sans-serif;
&nbsp;&nbsp;&nbsp;&nbsp;font-size:1.5em;
&nbsp;&nbsp;}
</code></pre><br />
The .no-fontface class allows us to specify variations to the characteristics we&#8217;ve set if the browser in question can&#8217;t handle @font-face. I&#8217;m looking at you, FF3.</p>
<p>Sorry to drop all that as an offhand bonus. I realize if you haven&#8217;t played with @font-face yet this might seem like a bit to digest. But <a href="http://www.fontsquirrel.com/">FontSquirrel</a> is going to let you find <em>free</em> fonts as well as help you bundle them up for use. The @font-face code above (basically) comes from FontSquirrel. If you want to read a bit more, I wrote about it <a href="http://aaronmentele.com/2009/12/10/melting/">here</a>. </p>
<p>Two disclaimers: 1. You&#8217;re going to want to get your font into photoshop / fireworks / whatever prior to build. Trying to find a close match after the fact will make your head explode. 2. You&#8217;re going to hate Firefox 3. It won&#8217;t support @font-face whatever you do, and your visitors&#8217; browser stats might make you question your use. If this bothers you, fall back to Cufón.</p>
<h2>Anyway&#8230;</h2>
<p>I don&#8217;t buy HTML5 not being worth any coder&#8217;s time. It&#8217;s easy to implement, and it&#8217;s scary to think that some of the brightest authors are going to wait for the spec to be finalized before they get in to try it out.</p>
<p>We&#8217;ve launched six projects using html5 and @font-face now, by the way, and are about to launch six more. I&#8217;d love to hear if any of you are using it as well. Maybe you&#8217;re doing it way better than I. I&#8217;d love to steal your ideas.</p>
]]></content:encoded>
			<wfw:commentRss>http://aaronmentele.com/2010/03/17/html5-again/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>The day hip went pop</title>
		<link>http://aaronmentele.com/2010/01/08/the-day-hip-went-pop/</link>
		<pubDate>Fri, 08 Jan 2010 21:50:28 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[@font-face typography]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=887</guid>
		<description><![CDATA[The first rule of Typography Club is grow out your soul patch. Or, grab an adhesive one at the door. Because we all know that simply announcing an interest in the matter isn&#8217;t enough. Or maybe it is. Personally, I don&#8217;t care if you had an interest in typography on the web two years ago [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>The first rule of Typography Club is <em>grow out your soul patch</em>. Or, grab an adhesive one at the door. Because we all know that simply announcing an interest in the matter isn&#8217;t enough. </p>
<p><strong>Or maybe it is.</strong> Personally, I don&#8217;t care if you had an interest in typography on the web two years ago or not. If you did, I bet you&#8217;re pretty pent up, like some boy-crazy nun. And, if you didn&#8217;t &#8212; and maybe it was just hibernating through the web-safe winter &#8212; I&#8217;m glad @font-face adoption is bringing you out.</p>
<p>Maybe Typography Club isn&#8217;t a thing at all. Maybe web pros are simply &#8212; and, in some cases, suddenly, but who cares? &#8212; recognizing that anyone <em>not</em> into typography is going to fall behind the web. </p>
<p>And, maybe, those few complaining about hip going pop should be more excited about being ahead of a pretty profound curve and less derisive about more people sharing their interest. Because this is big for the web. Like standards were big for it. Only more.</p>
]]></content:encoded>
			</item>
		<item>
		<title>I know&#8230;</title>
		<link>http://aaronmentele.com/2009/12/17/i-know/</link>
		<comments>http://aaronmentele.com/2009/12/17/i-know/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 05:50:17 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=875</guid>
		<description><![CDATA[Someday I&#8217;ll discover how to sit up straight and look cool on video. Until then, I&#8217;ll look more like I do in this interview I did with John Meyer for Silicon Prairie.]]></description>
				<content:encoded><![CDATA[<p>Someday I&#8217;ll discover how to sit up straight and look cool on video. Until then, I&#8217;ll look more like I do in this interview I did with <a href="http://twitter.com/johntmeyer">John Meyer</a> for <a href="http://www.siliconprairienews.com/2009/12/spn-interviews-aaron-mentele-of-electric-pulp/">Silicon Prairie</a>.</p>
<p><object id="viddler" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="540" height="346" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="flashvars" value="fake=1" /><param name="src" value="http://www.viddler.com/player/a6513693/" /><param name="name" value="viddler" /><param name="allowfullscreen" value="true" /><embed id="viddler" type="application/x-shockwave-flash" width="540" height="346" src="http://www.viddler.com/player/a6513693/" name="viddler" flashvars="fake=1" allowfullscreen="true" allowscriptaccess="always"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://aaronmentele.com/2009/12/17/i-know/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Melting</title>
		<link>http://aaronmentele.com/2009/12/10/melting/</link>
		<comments>http://aaronmentele.com/2009/12/10/melting/#comments</comments>
		<pubDate>Fri, 11 Dec 2009 04:15:38 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[@font-face]]></category>
		<category><![CDATA[fontsquirrel]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[modernizr]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=847</guid>
		<description><![CDATA[I&#8217;ve been coding a bastardized form of html5 for a while now. Basically it&#8217;s been xhtml 1.0 with a nicer doctype and div ids and classes paying tribute to proposed element names. It&#8217;s easy to blame browser compatibility for the frankenstein approach since getting IE to even recognize the new html5 elements in the first [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>I&#8217;ve been coding a bastardized form of html5 for a while now. Basically it&#8217;s been xhtml 1.0 with a nicer doctype and div ids and classes paying tribute to proposed element names. </p>
<p>It&#8217;s easy to blame browser compatibility for the frankenstein approach since getting IE to even recognize the new html5 elements in the first place means running <a href="http://code.google.com/p/html5shiv/" title="html5 shiv">a script</a> to <em>create</em> them. And then you have to run the DOM in FF 2 and Camino 1 to keep them from closing elements improperly.</p>
<p>Requiring javascript just to make html <em>work</em> in these browsers seems self-serving, at best. But it starts to feel a lot less selfish when the client needs full control over heavily styled font. By working to avoid shocking browsers into handling html5 components and using @font-face, you&#8217;re simply avoiding one hack by implementing another. For us, the <em>another</em> hack has been <a href="http://wiki.novemberborn.net/sifr/">sIFR</a>.</p>
<p>The side effects of sIFR are such that alternate font replacement solutions like <a href="http://typekit.com">Typekit</a> and <a href="http://kernest.com">Kernest</a> start to look really good, regardless of any required javascript. And if they look really good, why not just hit <a href="http://fontsquirrel.com">Font Squirrel</a> and deliver your own fonts, right? Right.</p>
<p>We decided to use @font-face on a project early enough to actually get the web-licensable fonts into photoshop from the outset. This instead of searching for a font that looked like Gotham after the fact. (I&#8217;m kidding about Gotham. Kind of.) @font-face implementation was simple &#8211; <a href="http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/">Paul Irish&#8217;s recommendations</a> had made it into the Font Squirrel kits by the time I&#8217;d read it, making it all incredibly fast and simple. </p>
<p>We had a problem, though, with the fonts we were using. Being able to fall back to a web safe font in the stack is great so long as it&#8217;s similar to the one above it. Ours wasn&#8217;t &mdash; the intended font is significantly narrower than any web safe font, so in order to fall back to a readable alternative, we needed to reduce its font-size. In a second instance, we wanted a heavier font-weight for the web safe alternative. The font-family stack wasn&#8217;t enough.</p>
<p>I&#8217;d actually forgotten about <a href="http://modernizr.com">Modernizr</a> and was gagging on jquery browser sniffing when <a href="http://jdbartlett.com" rel="friend met colleague">Joe</a> reminded me. Modernizr allows you to specify alternate attributes for each instance (e.g., section h1 {} and .no-fontface section h1 {}) on any browser unable to render @font-face rather than having to detect user agents and then deliver alternate style sheets. As a bonus, it does the work the html5 shiv script I linked to above does, allowing us to knock down two birds with one stone and use actual html5 elements like header, nav, section, etc.</p>
<p>So now our build has valid html5 components and first choice fonts without requiring a bunch of hacks, and I have yet to find a single browser that chokes on the code. We&#8217;re still weeks out from launch and have a good deal of testing yet to complete, but the recent changes to Font Squirrel kits and now Modernizr have taken care of any significant reservation I had, at least for this project.</p>
<p>I probably could&#8217;ve sunk this entire post by tweeting a suggestion to spend 20 minutes familiarizing / re-familiarizing yourselves with both <a href="http://fontsquirrel.com">Font Squirrel</a> and <a href="http://modernizr.com">Modernizr</a> and then maybe followed up asking how many of you employed html5 and/or @font-face for client work. But, I felt like typing. And, I have trouble avoiding vague references to movies older than half the population on twitter.</p>
<p>What do you think? <a href="http://twitter.com/aaronmentele">You can twitter your words at me, too.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://aaronmentele.com/2009/12/10/melting/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Be cool, part two</title>
		<link>http://aaronmentele.com/2009/11/12/be-cool-part-two/</link>
		<pubDate>Thu, 12 Nov 2009 22:27:28 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[experts]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[socialmedia]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=844</guid>
		<description><![CDATA[I should clear up my last post. To start, I&#8217;m not rallying against marketing. I have a very specific way I like to see marketing handled, and while it definitely differs from traditional tactics and strategies, I do recognize the other way works. The other way, the traditional way, is quite simply outbound promotion. Selling. [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>I should clear up my <a href="http://aaronmentele.com/2009/11/11/be-cool/">last post</a>. To start, I&#8217;m not rallying against marketing. I have a very specific way I like to see marketing handled, and while it definitely differs from traditional tactics and strategies, I do recognize the <em>other way</em> works. </p>
<p>The other way, the traditional way, is quite simply outbound promotion. Selling. Pressing. Engaging. That last one is where it gets fuzzy. I hear marketers talking about engagement but practicing interruption. And that&#8217;s where I take issue.</p>
<p>Instead of finding ways to get anyone in front of anyone else, look for ways to open up, maybe even invite others in. It&#8217;s not about interrupting, or even engaging. It&#8217;s about letting them engage you. (If you must use that word.) </p>
<p>Maybe this looks like I&#8217;m just playing with words, forming sentences to make my way look noble and the other way look corrupt. But, like I mentioned, I recognize there&#8217;s a place for both, providing the priorities are straight.</p>
<h3>Enter the consultant.</h3>
<p>I&#8217;d like start this part out by saying I don&#8217;t have anything against marketing consultants or SEO specialists or social media experts in general. But, if &#8220;in general&#8221; represents the typical form of each, I definitely have an issue with their playbooks.</p>
<p>I&#8217;ll start with SEO specialists. Without <a href="http://powazek.com/posts/2090">piling on</a>, I&#8217;d just like to point out what I think went wrong. Search engines reward very specific characteristics like code structure and hierarchy, incoming links, and content relevancy. These characteristics exist organically in any well formed site, but there are also basic tactics an SEO can employ to not only mimic these characteristics but also exaggerate them. The SEO playbook takes advantage of this fact and aggressively leverages tactics, hacks, and cheats. So, rather than allowing the search engines to properly index and rank information, it deceives them into sliding you in front of people you wouldn&#8217;t have otherwise been in front of, and that drives certain results an SEO can profit from.</p>
<p>So what, right? Right. I don&#8217;t expect any company to worry about an imaginary code of ethics or use good manners or avoid disruptive marketing or anything really. Unless they&#8217;re cool. It&#8217;s when SEO advice is given to companies who <em>do</em> hold themselves to that imaginary code, who <em>do</em> avoid deception, and who <em>are</em> respectful of customers that I get frustrated. Especially when the company comes back to the development team with their new plays and a &#8220;why didn&#8217;t you think of this?&#8221; look on their face. They don&#8217;t see that altering descriptive content or stuffing keywords or farming links is deceptive, because it&#8217;s just code stuff, simple hacks to stay ahead of a bot and get in front of more people. </p>
<p>Getting in front of people has been pitched by marketers for so long now, it just seems like part of doing business. Whereas making it easy for people to get in front of you rarely gets mention. My opinion is that your online strategy should focus more on the later and less on the former. Which brings me to yesterday&#8217;s rant against certain social media strategies.</p>
<p>I see a lot of the social media playbook heading down the same trail SEO went. Expert advice focuses on sneaking companies in front of buyers. Everybody needs to look like they spend time on (and care about) facebook. Everybody needs to have a bunch of followers on twitter. Everybody needs to look like they get it, and look like they care. Because there are unsuspecting buyers in there.</p>
<p>I&#8217;m not suggesting companies shouldn&#8217;t play in facebook. I&#8217;m suggesting they shouldn&#8217;t troll there, accumulating <em>friends</em> for the coming sales pitch. Don&#8217;t put up a show of caring about a community if you&#8217;re only there to find new buyers. Participate. Or don&#8217;t. Just hang out and let people find you. Let them find your content, don&#8217;t press it on them. Let them dm or ping or poke you first. That&#8217;s being cool.</p>
<p>So, to close this down, I think there&#8217;s a pretty good chance that at least two of the social media guys I spoke to yesterday will see this. From what I can tell, at least one of [them] is helping clients better understand how to actually participate. So, good on ya. But [the other one] will have to continue to disagree with me or take offense by my suggestion that barking sales pitches into a social network is like taking AFLAC pamphlets to your little sister&#8217;s class reunion. Maybe your client isn&#8217;t cool and doesn&#8217;t care why that&#8217;s wrong. But I&#8217;m guessing that isn&#8217;t the case. I&#8217;m guessing they look to the expert to lead them a bit.</p>
<p>And then there&#8217;s the expert who won&#8217;t read this post who wanted us to refer him to our clients in need of <em>more friends</em>. We aren&#8217;t even talking about him. Or the expert who charged a real life friend of mine for a customized MySpace profile. That one happened prior to yesterday, but that&#8217;s when I heard about it. Surely, each of them had a business case for their services. I&#8217;m pretty sure, though, that neither of them subscribes the <em>be cool</em> strategy.</p>
<p>Maybe I&#8217;m wrong. I&#8217;m on <a href="http://twitter.com/aaronmentele" rel="me">twitter</a> and <a href="http://www.facebook.com/aaronmentele">facebook</a> if you need me.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Be cool</title>
		<link>http://aaronmentele.com/2009/11/11/be-cool/</link>
		<comments>http://aaronmentele.com/2009/11/11/be-cool/#comments</comments>
		<pubDate>Thu, 12 Nov 2009 03:42:24 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[social media]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=828</guid>
		<description><![CDATA[You say, &#8220;social media strategy&#8221; and I hear you&#8217;d like to get in front of the twitter demographic, maybe set up a business account or fan page on facebook, you just need an expert to get you set up and show you who to follow and how to get them to follow back, and then [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>You say, &#8220;social media strategy&#8221; and I hear you&#8217;d like to get in front of the <em>twitter demographic</em>, maybe set up a business account or fan page on facebook, you just need an expert to get you set up and show you who to follow and how to get them to follow back, and then maybe get an ad in the sidebar, but not like the <em>sexy singles in your area</em> ads, just something that will get you more business like maybe a weekly mailing like your brother&#8217;s friend&#8217;s band does on facebook with those I AM ATTENDING / I AM NOT ATTENDING checkboxes or maybe just some web-only offers and promo&#8217;s and discounts that&#8217;d only be available to your new social media friends. Knuckles. Blow it up.</p>
<p>Now, we both know you weren&#8217;t actually thinking any of that. I&#8217;m pretty sure someone just slapped me on the back (<a href="http://www.youtube.com/watch?v=bheJqbeQh78">5:22</a>) once when I was in the middle of hearing those things, and now they&#8217;re stuck in my head forever. </p>
<p>You weren&#8217;t thinking about disruptive marketing at all. You just want to make yourself available across networks, <strong>make it easy for people to find you</strong>. Your only real strategy is to be cool.</p>
<p>That&#8217;s because you&#8217;re a social media expert. <a href="http://www.youtube.com/watch?v=WBqwAr34DF8">Here&#8217;s to you.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://aaronmentele.com/2009/11/11/be-cool/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Eight</title>
		<link>http://aaronmentele.com/2009/09/04/eight/</link>
		<comments>http://aaronmentele.com/2009/09/04/eight/#comments</comments>
		<pubDate>Fri, 04 Sep 2009 14:53:41 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[movies]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=811</guid>
		<description><![CDATA[I spent the morning at an old friend&#8217;s house pitching Jerry Bruckheimer on my new movie idea. The film is titled &#8220;Eight.&#8221; Basically, it borrows from the &#8220;007&#8221; franchise. But it&#8217;s better. And American. I know what you&#8217;re thinking. Why Jerry Bruckheimer? I&#8217;m not really sure. And, now that I think about it, it was [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>I spent the morning at an old friend&#8217;s house pitching <a href="http://www.imdb.com/name/nm0000988/">Jerry Bruckheimer</a> on my new movie idea. The film is titled &#8220;<em>Eight</em>.&#8221; Basically, it borrows from the &#8220;<em>007</em>&#8221; franchise. But it&#8217;s better. And American. </p>
<p>I know what you&#8217;re thinking. Why Jerry Bruckheimer? I&#8217;m not really sure. And, now that I think about it, it was actually <a href="http://en.wikipedia.org/wiki/Richard_Branson">Sir Richard Branson</a>, but he wasn&#8217;t speaking with an accent.</p>
<p>Anyway, the film opens with George W. Bush watching &#8220;<a href="http://www.imdb.com/title/tt0381061/"><em>Casino Royale</em></a>&#8221; and getting irritated with the bad poker scene. So, W (played by <a href="http://www.hbo.com/events/willferrell/img/core/homepage_bg.jpg">Will Ferrell</a>) calls Cheney and charges him with putting together an &#8220;Amer&#8217;can spy team.&#8221; &#8220;One that kicks ass. And knows how to play poker.&#8221;</p>
<p>So, Cheney gets George Clooney to recruit a team of base Amer&#8217;cans for his <em>008</em> outfit. An NYC firefighter (played by <a href="http://www.imdb.com/name/nm0515296/">Peter</a> from Office Space,) a NASCAR driver (played by Lucy Liu, Drew Barrymore, and Cameron Diaz,) an MMA fighter (or maybe an Irish boxer,) and <a href="http://www.imdb.com/name/nm0302108/">Zach Galifianakis</a>.</p>
<p>Something goes wrong during training &#8212; I haven&#8217;t fully worked this part out yet, but there&#8217;s an explosion &#8212; and Zach, Peter and the <a href="http://www.imdb.com/name/nm0011038/">female pimp</a> from &#8220;<em>Hung</em>&#8221; get lost in small town America with partial details of their mission. </p>
<p>Their training&#8217;s also incomplete, so random stimuli (e.g., a barking dog) make them go all <a href="http://en.wikipedia.org/wiki/Jason_Bourne">Jason Bourne</a>. But they hadn&#8217;t gotten to the hand to hand combat or weapons training yet. So, basically, the fight scenes are like the narrator&#8217;s first fight outside the bar in &#8220;<em>Fight Club</em>.&#8221; (Zach punches a townie in the ear.)</p>
<p>I guess that&#8217;s about the time I woke up, because details go fuzzy from there. I know there was a hang glider incident, and I&#8217;m pretty sure Sarah Palin was expected to make a cameo. But that&#8217;s about it.</p>
<p>I tried to twitter this, but it was like -2000 characters.</p>
]]></content:encoded>
			<wfw:commentRss>http://aaronmentele.com/2009/09/04/eight/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Roundtables</title>
		<link>http://aaronmentele.com/2009/08/28/roundtables/</link>
		<pubDate>Fri, 28 Aug 2009 16:43:46 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=806</guid>
		<description><![CDATA[One of the things that keeps me from attending many conferences is the inherent lack of participation. Assuming you&#8217;re not speaking, you have very little control over the experience. You get what the event organizer says you get. Sure, you probably get to raise your hand in answer to the &#8220;how many people here have [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>One of the things that keeps me from attending many conferences is the inherent lack of participation. Assuming you&#8217;re not speaking, you have very little control over the experience. You get what the event organizer says you get. </p>
<p>Sure, you probably get to raise your hand in answer to the &#8220;how many people here have an iPhone?&#8221; question. And, maybe you stand in line to ask one of the 3 or 4 brilliant questions at the end of each presentation. But, you probably just sketch in your free moleskin, drink your bad Earl Grey tea, and thumb type the twitter-worthy stuff.</p>
<p>At the end of the day, you head to your hotel room and call your significant other and check twitter to see where the <em>people you&#8217;ve heard of</em> are heading and when. Then you grab some individually-wrapped food and head to the lobby hoping to catch up with <em>the group</em> before they disappear for the three-hour speaker dinner.</p>
<p>Skip ahead a few hours and you&#8217;re at the after party, buying <a href="http://garrettdimon.com/" rel="friend met colleague">Dimon</a> a drink and yelling at <a href="http://unstoppablerobotninja.com/" rel="friend met colleague">beep</a> to tell him how great his slides were. Maybe the dj cools it a bit and you can hear people talk, but probably not. So, unless you had a friend invite you into the speakers-only thing, you&#8217;re taking in the entire event much like you&#8217;d take in a webinar. I mean, a webinar wouldn&#8217;t let you see <a href="http://www.flickr.com/search/?q=jeff%20croft&#038;w=all">Jeff Croft</a> on the dance floor, but you&#8217;d have similar influence over the event.</p>
<p>I realize there&#8217;s no way to read this and not think I&#8217;m complaining, so I&#8217;ll say this: go to <a href="http://aneventapart.com/2009/sanfrancisco/">An Event Apart</a> in December. It really is a brilliant conference, and this one&#8217;s in my favorite city. The point I&#8217;m trying to make, though, is that I wish there were more options. I wish there were <em>roundtables</em>. Like take the three-hour speaker dinner and screw the rest of the conference.</p>
<p>I guess what I&#8217;m trying to say is Vegas has some really good deals lately. That&#8217;s all.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Shorter URLs</title>
		<link>http://aaronmentele.com/2009/08/10/shorter-urls/</link>
		<comments>http://aaronmentele.com/2009/08/10/shorter-urls/#comments</comments>
		<pubDate>Mon, 10 Aug 2009 18:33:32 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[url shorteners]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=793</guid>
		<description><![CDATA[I&#8217;m not going to lie to you and tell you I worry about obfuscated links in my tweets. I include the actual, un-shortened URL when I can and don&#8217;t worry about it much when I can&#8217;t. Query strings and stuffed permalinks will get most links auto-shortened anyway &#8212; twitter shortens anything longer than 30 characters [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>I&#8217;m not going to lie to you and tell you I worry about obfuscated links in my tweets. I include the actual, un-shortened URL when I can and don&#8217;t worry about it much when I can&#8217;t. Query strings and stuffed permalinks will get most links auto-shortened anyway &#8212; twitter shortens anything longer than <a href="http://help.twitter.com/forums/10711/entries/13920" rel="reference">30</a> characters regardless of preference.</p>
<p>I&#8217;d probably care more if I dropped links to my blogging into twitter. The idea of pushing <em>masked</em> links to my own thing just strikes me as dirty. Like self-seeding Reddit. (No offense to those of you who do that &#8212; your posts are probably more awesome than mine) Or rickrolling pals. But, without the humor.</p>
<p>Regardless of my personal use, though, I think it&#8217;s time we get our permalinks shorter than 30 characters. We could even keep the out-of-control keyword stuffing in place for search engine indexing and just 301 the short ones to the longer ones. In other words, this post could be <a href="http://aaronmentele.com/p/793">http://aaronmentele.com/p/793</a> and everyone on twitter would know if I was link spamming my own stuff. Google, though, would see it at <a href="http://aaronmentele.com/2009/07/17/shorter-urls/">http://aaronmentele.com/2009/07/17/shorter-urls/</a> and give me a sooper rank on the phrase.</p>
<p>We could all push whatever we wanted and not feel dirty. Our clients could link to themselves <em>and</em> reinforce their TLDs <em>without</em> loosing search traffic. Nobody would be left guessing.</p>
<p>It took two lines in the .htaccess file to do it here and on the <a href="http://electricpulp.com" rel="me">EP site</a>.<br />
<pre><pre>
RewriteBase /
RewriteRule ^p/([0-9]+)/?$ http://%{HTTP_HOST}/?p=$1 [R=301,L]
</pre></pre><br />
I&#8217;m sure there are <a href="http://wordpress.org/extend/plugins/search.php?q=shorter+url">WordPress plugins</a> available to do the same thing if you hate htaccess files, but you get the general idea. Most CMS apps have rewrites in place, and there&#8217;s no reason you can&#8217;t create a second rule.</p>
<p>I&#8217;d love to hear if anyone has a better idea. But you don&#8217;t have to look far to see there are <a href="http://tr.im/" title="tr.im shut down over the weekend">other reasons</a> to get URL management figured out. Right?</p>
<p><small><strong>UPDATE:</strong> I see now that <a href="http://www.zeldman.com/2009/08/10/shorten-this/">Zeldman</a> has a recent post on the topic. At quick glance, the <a href="http://wordpress.org/extend/plugins/short-url-plugin/">plugin</a> he&#8217;s using seems to require manual set up for each link, and that&#8217;s probably more additional effort than I&#8217;m willing to give my modest posts. Also, I realize this whole idea isn&#8217;t new idea or unique. I&#8217;m sure smarter people than me have said these things long ago. And, finally, thanks to <a href="http://code.gd" rel="friend met colleague">Michael</a> for straightening me out on the rewrite above. That was embarrassing.</small></p>
]]></content:encoded>
			<wfw:commentRss>http://aaronmentele.com/2009/08/10/shorter-urls/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Untitled</title>
		<link>http://aaronmentele.com/2009/07/17/untitled/</link>
		<comments>http://aaronmentele.com/2009/07/17/untitled/#comments</comments>
		<pubDate>Fri, 17 Jul 2009 19:09:36 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[business jobs]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=784</guid>
		<description><![CDATA[My last post mentioned Umair Haque&#8217;s recent rage against old people who ruin the world. He&#8217;d like to break up with them (and their ways.) Actually, he suggests we&#8217;d like to break up with them. And when you read Umair, like I hope you do, you want to be part of the we. But, when [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>My last post mentioned Umair Haque&#8217;s recent rage against <a href="http://blogs.harvardbusiness.org/haque/2009/07/today_in_capitalism_20_1.html">old people who ruin the world</a>. He&#8217;d like to break up with them (and their ways.) Actually, he suggests <em>we&#8217;d</em> like to break up with them. And when you read Umair, like I hope you do, you want to be part of the <em>we</em>.</p>
<p>But, when Umair came into my feed reader suggesting we all <em>want</em> change, I&#8217;d just been considering the extent to which it might really suck.</p>
<p>Maybe you noticed last week&#8217;s agency shakeups. Or people announcing new freelancing plans or news of their layoff. Without calling anyone out, we&#8217;ll just say things are changing for a lot of people who do what I do. Most of that change hasn&#8217;t come by choice.</p>
<p>When I see it, I say &#8220;congrats&#8221; out loud but think &#8220;ack&#8221; in my head. Some of these [people] have mortgages and leases and loans and personal guarantees. Some have spouses and children and/or employees with spouses and children. And some just really enjoyed their job.</p>
<p>The thing that got me writing on the topic (before Umair got in my head and started clowning about) was the fact that I&#8217;ve suggested the current economic downturn wouldn&#8217;t affect skilled web shops, long term. There&#8217;s simply too much need for what we do for the world to go without. </p>
<p>The suck of it is that being able to think long term is a bit of a luxury, regardless of your skill or talent. That&#8217;s why recession-proofing articles are crap. You don&#8217;t make it through a downturn by reducing costs or shedding commitments &#8212; those things just make it easier on you if you fail. You make it through a downturn by continuing to find and do good work. And that&#8217;s something that gets easier as your business gets more established.</p>
<p>So, I feel a little bad about suggesting talented web pros would be fine. Clearly, some are getting kicked in the nuts. The pain of which grows with commitments to mortgages and leases and loans and personal guarantees et cetera.</p>
<p>For what it&#8217;s worth, though, I really do think the wider view looks good. Those announcing moves will jump to a new shop and grow. Those who stick it out will find the <a href="http://aaronmentele.com/2008/12/13/these-things-bounce/">bounce</a> probably makes up for short term stress. And those who had no business building web things in the first place will go work retail. As per usual.</p>
<p>Anyway&hellip; good luck to those of you moving to new jobs or cities. I hope the excitement outweighs the stress.</p>
]]></content:encoded>
			<wfw:commentRss>http://aaronmentele.com/2009/07/17/untitled/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Another manifesto</title>
		<link>http://aaronmentele.com/2009/07/09/another-manifesto/</link>
		<pubDate>Thu, 09 Jul 2009 18:52:12 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[umair manifesto]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=781</guid>
		<description><![CDATA[I love the intellectual flavor of Umair Haque&#8217;s rage against the machine. I&#8217;m not going to tell you I agree with everything the man suggests, but there&#8217;s something about his righteous contrarianism and fundamental logic that makes you stand up and say YEAH. In your head. &#8220;Big, fat, lazy&#8221; businesses SHOULD fail. Politics HAS become [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>I love the intellectual flavor of Umair Haque&#8217;s <a href="http://blogs.harvardbusiness.org/haque/2009/07/today_in_capitalism_20_1.html">rage against the machine</a>. I&#8217;m not going to tell you I agree with everything the man suggests, but there&#8217;s something about his righteous contrarianism and fundamental logic that makes you stand up and say YEAH. In your head.</p>
<p>&#8220;Big, fat, lazy&#8221; businesses SHOULD fail. Politics HAS become a dirty word. Let&#8217;s unplug the whole damn world and let it boot back up.</p>
<p>I&#8217;m extrapolating. But if you read Umair, you get that there&#8217;s room for interpretation.</p>
<p>Anyway, go <a href="http://blogs.harvardbusiness.org/haque/2009/07/today_in_capitalism_20_1.html">read him</a>. I have further extrapolation coming shortly. This will all make sense.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Alternative officing</title>
		<link>http://aaronmentele.com/2009/06/24/alternative-officing/</link>
		<comments>http://aaronmentele.com/2009/06/24/alternative-officing/#comments</comments>
		<pubDate>Wed, 24 Jun 2009 19:27:01 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[officing]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=778</guid>
		<description><![CDATA[In a recent twittering, Jason Hummel suggests we move the Electric Pulp offices to the world&#8217;s deepest underground lab. The article he links to explains the abandoned mine (also located in South Dakota) is ideal for experiments because it&#8217;s &#8220;shielded from cosmic rays&#8221; and will soon be used by scientists trying to prove the existence [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>In a recent <a href="http://twitter.com/jhummel/status/2311411538">twittering</a>, <a href="http://twitter.com/jhummel/">Jason Hummel</a> suggests we move the <a href="http://electricpulp.com">Electric Pulp</a> offices to the world&#8217;s deepest underground lab.</p>
<p>The <a href="http://news.yahoo.com/s/ap/us_sci_underground_science">article</a> he links to explains the abandoned mine (also located in South Dakota) is ideal for experiments because it&#8217;s &#8220;shielded from cosmic rays&#8221; and will soon be used by scientists trying to prove the existence of <a href="http://en.wikipedia.org/wiki/Dark_matter">dark matter</a>.</p>
<p>Jason thinks it might be a cool place to build web things as well.</p>
<p>I&#8217;ll admit the prospect of setting up shop next to such an experiment in such a place has a certain allure. I mean, there has to be a greater than average chance the science will just <em>go wrong</em> resulting in superhuman mutation of nearby scientists and web developers alike.</p>
<p>But I&#8217;m not so sure the allure outweighs the very real possibility of being eaten by giant, subterranean creatures. Not to mention, it has to be a little unsettling coding so near the denizens of hell.</p>
<p>That, and I don&#8217;t imagine iPhones would ever work down there.</p>
<p>So, in short, I don&#8217;t think we&#8217;ll be moving. But thanks again for the suggestion, Jason. We&#8217;ll get you some kind of finder&#8217;s fee if a future suggestion pans out.</p>
]]></content:encoded>
			<wfw:commentRss>http://aaronmentele.com/2009/06/24/alternative-officing/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Relative things</title>
		<link>http://aaronmentele.com/2009/06/18/relative-things/</link>
		<comments>http://aaronmentele.com/2009/06/18/relative-things/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 14:29:30 +0000</pubDate>
		<dc:creator><![CDATA[Aaron Mentele]]></dc:creator>
				<category><![CDATA[Geek]]></category>
		<category><![CDATA[html css relative fixed width]]></category>

		<guid isPermaLink="false">http://aaronmentele.com/?p=776</guid>
		<description><![CDATA[Time for further elaboration on the topic of My Opinion Regarding Website Sizing Relative To Viewport. I don&#8217;t think there&#8217;s a Team Page Zoom &#8211; you&#8217;ll have to forgive my previous title. And if there was, membership would not require taking an oath to make sites fixed width, fixed font size, or fixed anything. My [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>Time for further elaboration on the topic of <strong>My Opinion Regarding Website Sizing Relative To Viewport</strong>. I don&#8217;t think there&#8217;s a Team Page Zoom &#8211; you&#8217;ll have to forgive my previous title. And if there was, membership would not require taking an oath to make sites fixed width, fixed font size, or fixed anything. </p>
<p>My point is that there are drawbacks to flexible layouts just as there are to fixed layouts. My specific issue with the former is that developers effectively need to produce larger sites than are being delivered. It strikes me as wasteful to increase the size of all requests for all users in the name of flexibility. My specific issue with the latter is that you can&#8217;t change the magnification at all without browser support.</p>
<p>I don&#8217;t think anyone has really picked a side, a team, or even a standard methodology regardless of the amount of skepticism voiced. If you&#8217;re interested in the topic, though, you should check out <a href="http://allinthehead.com/retro/343/the-fallacy-of-page-zooming">Drew Mclellan&#8217;s recent post</a>. Be sure to follow the link through to <a href="http://cameronmoll.com/archives/2009/06/coding_like_its_1999/">Cameron Moll&#8217;s</a> post as well.</p>
]]></content:encoded>
			<wfw:commentRss>http://aaronmentele.com/2009/06/18/relative-things/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 0.658 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2017-09-14 23:31:39 -->
