<?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>Baylus.com &#187; My Work</title>
	<atom:link href="http://www.baylus.com/category/work/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.baylus.com</link>
	<description>Asa Baylus is a Website Designer working in Washington DC</description>
	<lastBuildDate>Thu, 29 Dec 2011 19:00:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>A nice visual log for Git command line</title>
		<link>http://www.baylus.com/a-nice-visual-log-for-git-command-line/</link>
		<comments>http://www.baylus.com/a-nice-visual-log-for-git-command-line/#comments</comments>
		<pubDate>Thu, 29 Dec 2011 18:48:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[My Work]]></category>

		<guid isPermaLink="false">http://www.baylus.com/?p=444</guid>
		<description><![CDATA[I like having a quick visual log for Gits command line. Here&#8217;s a little git alias which&#8217;ll display a brief and colorful summary for your projects. Enter the following code in terminal or git bash. https://gist.github.com/1468122 You can now generate a visual tree style log, open your shell # show me everything $ git vlog [...]]]></description>
			<content:encoded><![CDATA[<p>I like having a quick visual log for Gits command line. Here&#8217;s a little git alias which&#8217;ll display a brief and colorful summary for your projects.<br />
Enter the following code in terminal or git bash.</p>
<p><a href="https://gist.github.com/1468122" target="_blank">https://gist.github.com/1468122</a></p>
<p>You can now generate a visual tree style log, open your shell</p>
<pre># show me everything
$ git vlog</pre>
<pre># show the last 6 commits
$ git vlog -n6</pre>
<p style="text-align: center;"><a href="http://www.baylus.com/wp-content/uploads/2011/12/image0011.png"><img class="aligncenter size-full wp-image-446" title="image001" src="http://www.baylus.com/wp-content/uploads/2011/12/image0011.png" alt="" width="529" height="277" /></a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.baylus.com/a-nice-visual-log-for-git-command-line/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Amazon ec2 says &#8220;sudo: sorry, you must have a tty to run sudo&#8221;</title>
		<link>http://www.baylus.com/amazon-ec2-says-sudo-sorry-you-must-have-a-tty-to-run-sudo/</link>
		<comments>http://www.baylus.com/amazon-ec2-says-sudo-sorry-you-must-have-a-tty-to-run-sudo/#comments</comments>
		<pubDate>Tue, 27 Dec 2011 16:15:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[My Work]]></category>

		<guid isPermaLink="false">http://www.baylus.com/?p=439</guid>
		<description><![CDATA[I&#8217;ve got a script on an Amazon EC2 64bit Linux which I&#8217;d like to remotely trigger using ssh. But when I call this script the following error message appears: "sudo: sorry, you must have a tty to run sudo" Here&#8217;s a quick and I believe secure way to invoke a remote command via ssh which [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve got a script on an Amazon EC2 64bit Linux which I&#8217;d like to remotely trigger using ssh. But when I call this script the following error message appears:</p>
<pre>"sudo: sorry, you must have a tty to run sudo"</pre>
<p>Here&#8217;s a quick and I believe secure way to invoke a remote command via ssh which uses sudo without completely disabling requiretty<br />
Note the following when running visudo</p>
<pre>#
# Disable "ssh hostname sudo ", because it will show the password in clear.
#         You have to run "ssh -t hostname sudo ".
#
Defaults    requiretty</pre>
<p>Adding -t allows the command to execute without requiring tty, according to the ssh doc -t&#8230;</p>
<p>[Forces] pseudo-tty allocation.  This can be used to execute arbitrary screen-based programs on a remote machine, which can bevery useful, e.g. when implementing menu services.  Multiple -t options force tty allocation, even if ssh has no local tty.</p>
<p>Here&#8217;s a sample SSH command&#8230;</p>
<pre># run an arbitrary command
$ ssh -i my.pem -t ec2-user@127.0.0.1 'sudo reboot'

or
<pre># run my script which has some sudo function"
$ ssh -i my.pem -t ec2-user@127.0.0.1 '/path/to/script/doit'</pre>
</pre>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.baylus.com/amazon-ec2-says-sudo-sorry-you-must-have-a-tty-to-run-sudo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Convert Milliseconds into digital time [ 00:00 ]</title>
		<link>http://www.baylus.com/convert-milliseconds-into-digital-time-0000/</link>
		<comments>http://www.baylus.com/convert-milliseconds-into-digital-time-0000/#comments</comments>
		<pubDate>Sat, 12 Mar 2011 04:47:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[My Work]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[plugins]]></category>

		<guid isPermaLink="false">http://www.baylus.com/?p=386</guid>
		<description><![CDATA[JavaScript works with time in milliseconds, which is less then convenient when you want to present time back to your users.
Here's a little function that can help you convert milliseconds into a more human readable digital clock style string.]]></description>
			<content:encoded><![CDATA[<p>JavaScript works with time in milliseconds, which is less than convenient when you want to present time back to your users. Here&#8217;s a little function that can help you convert milliseconds into a more human readable digital clock style string.</p>
<h3><span id="more-386"></span>Properties</h3>
<p>The function will return a object which contain the properties</p>
<p>var obj = convertMilliseconds(3661000);<br />
obj.hours         //&#8211;&gt; 1 hour<br />
obj.minuets    //&#8211;&gt; 1 min<br />
obj.seconds    //&#8211;&gt; 1 sec<br />
obj.clock        //&#8211;&gt; &#8220;01:01:01&#8243;</p>
<h3>Usage</h3>
<div>convertMilliseconds accepts two arguments</div>
<div><strong>milliseconds</strong>: number of milliseconds to convert ex: 1000 <em> type: number</em></div>
<div><strong>pattern</strong>:  formats the returned value of  clock property ex: hh:mm:ss or ss:mm:h or ss:mm etc. <em>type: string</em></div>
<div>A few more examples  of convertMilliseconds(milliseconds, pattern);</div>
<div>convertMilliseconds(3661000);<br />
convertMilliseconds(3661000, &#8220;hh:mm:ss&#8221;);<br />
convertMilliseconds(3661000, &#8220;mm:hh:ss&#8221;);<br />
convertMilliseconds(3661000, &#8220;ss:mm:hh&#8221;);<br />
convertMilliseconds(3661000, &#8220;mm:ss&#8221;);<br />
convertMilliseconds(3661000, &#8220;ss&#8221;);<br />
convertMilliseconds(3661000, &#8220;h:m:s&#8221;);<br />
convertMilliseconds(3661000, &#8220;m:s&#8221;);<br />
convertMilliseconds(3661000, &#8220;s&#8221;);</div>
<h3>Gist</h3>
<script src="http://gist.github.com/866265.js?file=convert-milliseconds.js"></script><noscript><link rel="stylesheet" href="https://gist.github.com/stylesheets/gist/embed.css"><div id="gist-866265" class="gist">

        <div class="gist-file">
          <div class="gist-data gist-syntax">
              <div class="highlight"><pre><div class='line' id='LC1'><span class="cm">/**</span></div><div class='line' id='LC2'><span class="cm"> * Convert milliseconds in regular style time</span></div><div class='line' id='LC3'><span class="cm"> * @author Asa Baylus</span></div><div class='line' id='LC4'><span class="cm"> **/</span></div><div class='line' id='LC5'><br/></div><div class='line' id='LC6'><span class="kd">function</span> <span class="nx">convertMilliseconds</span> <span class="p">(</span><span class="nx">ms</span><span class="p">,</span> <span class="nx">p</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC7'><br/></div><div class='line' id='LC8'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="kd">var</span> <span class="nx">pattern</span> <span class="o">=</span> <span class="nx">p</span> <span class="o">||</span> <span class="s2">&quot;hh:mm:ss&quot;</span><span class="p">,</span></div><div class='line' id='LC9'>			<span class="nx">arrayPattern</span> <span class="o">=</span> <span class="nx">pattern</span><span class="p">.</span><span class="nx">split</span><span class="p">(</span><span class="s2">&quot;:&quot;</span><span class="p">),</span></div><div class='line' id='LC10'>			<span class="nx">clock</span> <span class="o">=</span> <span class="p">[</span> <span class="p">],</span></div><div class='line' id='LC11'>			<span class="nx">hours</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">floor</span> <span class="p">(</span> <span class="nx">ms</span> <span class="o">/</span> <span class="mi">3600000</span> <span class="p">),</span> <span class="c1">// 1 Hour = 36000 Milliseconds</span></div><div class='line' id='LC12'>			<span class="nx">minuets</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">floor</span> <span class="p">((</span> <span class="nx">ms</span> <span class="o">%</span> <span class="mi">3600000</span><span class="p">)</span> <span class="o">/</span> <span class="mi">60000</span><span class="p">),</span> <span class="c1">// 1 Minutes = 60000 Milliseconds</span></div><div class='line' id='LC13'>			<span class="nx">seconds</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">floor</span> <span class="p">(((</span> <span class="nx">ms</span> <span class="o">%</span> <span class="mi">360000</span><span class="p">)</span> <span class="o">%</span> <span class="mi">60000</span><span class="p">)</span> <span class="o">/</span> <span class="mi">1000</span><span class="p">)</span> <span class="c1">// 1 Second = 1000 Milliseconds</span></div><div class='line' id='LC14'><br/></div><div class='line' id='LC15'><br/></div><div class='line' id='LC16'><br/></div><div class='line' id='LC17'>		<span class="c1">// build the clock result</span></div><div class='line' id='LC18'>		<span class="kd">function</span> <span class="nx">createClock</span><span class="p">(</span><span class="nx">unit</span><span class="p">){</span></div><div class='line' id='LC19'><br/></div><div class='line' id='LC20'><br/></div><div class='line' id='LC21'>		<span class="c1">// match the pattern to the corresponding variable</span></div><div class='line' id='LC22'>		<span class="k">if</span> <span class="p">(</span><span class="nx">pattern</span><span class="p">.</span><span class="nx">match</span><span class="p">(</span><span class="nx">unit</span><span class="p">))</span> <span class="p">{</span></div><div class='line' id='LC23'>			<span class="k">if</span> <span class="p">(</span><span class="nx">unit</span><span class="p">.</span><span class="nx">match</span><span class="p">(</span><span class="sr">/h/</span><span class="p">))</span> <span class="p">{</span></div><div class='line' id='LC24'>				<span class="nx">addUnitToClock</span><span class="p">(</span><span class="nx">hours</span><span class="p">,</span> <span class="nx">unit</span><span class="p">);</span></div><div class='line' id='LC25'>			<span class="p">}</span></div><div class='line' id='LC26'>			<span class="k">if</span> <span class="p">(</span><span class="nx">unit</span><span class="p">.</span><span class="nx">match</span><span class="p">(</span><span class="sr">/m/</span><span class="p">))</span> <span class="p">{</span></div><div class='line' id='LC27'>				<span class="nx">addUnitToClock</span><span class="p">(</span><span class="nx">minuets</span><span class="p">,</span> <span class="nx">unit</span><span class="p">);</span></div><div class='line' id='LC28'>			<span class="p">}</span></div><div class='line' id='LC29'>			<span class="k">if</span> <span class="p">(</span><span class="nx">unit</span><span class="p">.</span><span class="nx">match</span><span class="p">(</span><span class="sr">/s/</span><span class="p">))</span> <span class="p">{</span></div><div class='line' id='LC30'>				<span class="nx">addUnitToClock</span><span class="p">(</span><span class="nx">seconds</span><span class="p">,</span> <span class="nx">unit</span><span class="p">);</span></div><div class='line' id='LC31'>			<span class="p">};</span></div><div class='line' id='LC32'>			<span class="p">}</span></div><div class='line' id='LC33'>		<span class="p">}</span></div><div class='line' id='LC34'><br/></div><div class='line' id='LC35'>		<span class="kd">function</span> <span class="nx">addUnitToClock</span><span class="p">(</span><span class="nx">val</span><span class="p">,</span> <span class="nx">unit</span><span class="p">){</span></div><div class='line' id='LC36'><br/></div><div class='line' id='LC37'>			<span class="k">if</span> <span class="p">(</span> <span class="nx">val</span> <span class="o">&lt;</span> <span class="mi">10</span> <span class="o">&amp;&amp;</span> <span class="nx">unit</span><span class="p">.</span><span class="nx">length</span> <span class="o">===</span> <span class="mi">2</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC38'>				<span class="nx">val</span> <span class="o">=</span> <span class="s2">&quot;0&quot;</span> <span class="o">+</span> <span class="nx">val</span><span class="p">;</span></div><div class='line' id='LC39'>			<span class="p">}</span></div><div class='line' id='LC40'><br/></div><div class='line' id='LC41'>			<span class="nx">clock</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">val</span><span class="p">);</span> <span class="c1">// push the values into the clock array</span></div><div class='line' id='LC42'><br/></div><div class='line' id='LC43'>		<span class="p">}</span></div><div class='line' id='LC44'><br/></div><div class='line' id='LC45'><br/></div><div class='line' id='LC46'>		<span class="c1">// loop over the pattern building out the clock result</span></div><div class='line' id='LC47'>		<span class="k">for</span> <span class="p">(</span> <span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">j</span> <span class="o">=</span> <span class="nx">arrayPattern</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">j</span><span class="p">;</span> <span class="nx">i</span> <span class="o">++</span> <span class="p">){</span></div><div class='line' id='LC48'><br/></div><div class='line' id='LC49'>			<span class="nx">createClock</span><span class="p">(</span><span class="nx">arrayPattern</span><span class="p">[</span><span class="nx">i</span><span class="p">]);</span></div><div class='line' id='LC50'><br/></div><div class='line' id='LC51'>		<span class="p">}</span></div><div class='line' id='LC52'><br/></div><div class='line' id='LC53'>		<span class="k">return</span> <span class="p">{</span></div><div class='line' id='LC54'>			<span class="nx">hours</span> <span class="o">:</span> <span class="nx">hours</span><span class="p">,</span></div><div class='line' id='LC55'>			<span class="nx">minuets</span> <span class="o">:</span> <span class="nx">minuets</span><span class="p">,</span></div><div class='line' id='LC56'>			<span class="nx">seconds</span> <span class="o">:</span> <span class="nx">seconds</span><span class="p">,</span></div><div class='line' id='LC57'>			<span class="nx">clock</span> <span class="o">:</span> <span class="nx">clock</span><span class="p">.</span><span class="nx">join</span><span class="p">(</span><span class="s2">&quot;:&quot;</span><span class="p">)</span></div><div class='line' id='LC58'>		<span class="p">};</span></div><div class='line' id='LC59'><br/></div><div class='line' id='LC60'><span class="p">}</span></div></pre></div>
          </div>

          <div class="gist-meta">
            <a href="https://gist.github.com/raw/866265/cf79597943570396649fc58ec7518d849eb04ed7/convert-milliseconds.js" style="float:right;">view raw</a>
            <a href="https://gist.github.com/866265#file_convert_milliseconds.js" style="float:right;margin-right:10px;color:#666">convert-milliseconds.js</a>
            <a href="https://gist.github.com/866265">This Gist</a> brought to you by <a href="http://github.com">GitHub</a>.
          </div>
        </div>
</div>
</noscript>
]]></content:encoded>
			<wfw:commentRss>http://www.baylus.com/convert-milliseconds-into-digital-time-0000/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iframeFitContent a jQuery Plugin</title>
		<link>http://www.baylus.com/iframefitcontent-a-jquery-plugin/</link>
		<comments>http://www.baylus.com/iframefitcontent-a-jquery-plugin/#comments</comments>
		<pubDate>Wed, 17 Nov 2010 01:44:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[My Work]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[fix]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[resize]]></category>

		<guid isPermaLink="false">http://www.baylus.com/?p=335</guid>
		<description><![CDATA[Aside from using the jQuery contents(); method to access iframe content, this plugin determines the actual height of the content, rather than using scrollHeight then adding X amount of extra height to the iframe itself. Documentation: To install the iframeFitContent plugin, download jquery-iframefitcontent.min.js and link to the script after installing jQuery 1.4.x. Then in a [...]]]></description>
			<content:encoded><![CDATA[<p>Aside from using the jQuery contents(); method to access iframe content, this plugin determines the actual height of the content, rather than using scrollHeight then adding X amount of extra height to the iframe itself.</p>
<h3>Documentation:</h3>
<p>To install the iframeFitContent plugin, download jquery-iframefitcontent.min.js and link to the script after installing jQuery 1.4.x. Then in a new script block call the <strong>.iframeFitContent();</strong> method on a jQuerified object which contains a reference to iframes you&#8217;d like the plugin to resize.</p>
<p>To run the plugin on all iframes use the following code:</p>
<pre class="brush: html">
&lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;http://www.yourserver.com/js/jquery.iframefitcontent.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
	$('iframe').iframeFitContent();
&lt;/script&gt;</pre>
<p class="brush: html">
  <del datetime="2010-12-25T16:08:24+00:00">To add padding to the bottom of your iframe add the <em>padding</em> parameter as follows. Note the padding value must be set as an number.<br />
  </del> Or apply the re-size to either height or width:</p>
<pre class="brush: js">    $('iframe').iframeFitContent({ resize : 'height' });
</pre>
<p><strong>Current version:</strong> 1.0<br />
<strong>Compressed filesize:</strong> 1.112 kb<br />
<strong>License:</strong> MIT</p>
<h3>Files:</h3>
<p><a href="http://www.baylus.com/iframefitcontent/jquery.iframefitcontent.zip">Download</a><br />
<a href="http://www.baylus.com/iframefitcontent/examples/demo.html">Demos</a><br />
<a href="https://github.com/asabaylus/jQuery-iframeFitContent">GitHub Repository</a></p>
<h3>Dependencies</h3>
<ul>
<li><a href="http://jquery.com/">jQuery 1.4.x</a></li>
</ul>
<h3>Support</h3>
<ul>
<li>Please post bug reports and other contributions ( enhancements, features ) to the <a href="https://github.com/asabaylus/jQuery-iframeFitContent/issues" target="_blank">gitHub issues tracker</a>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.baylus.com/iframefitcontent-a-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Load YUI-CSS from the Google Ajax Library</title>
		<link>http://www.baylus.com/load-yui-css-from-the-google-ajax-library/</link>
		<comments>http://www.baylus.com/load-yui-css-from-the-google-ajax-library/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 14:21:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[My Work]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CDN]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[YUI-CSS]]></category>

		<guid isPermaLink="false">http://www.baylus.com/?p=322</guid>
		<description><![CDATA[If you thought you had to load YUI-CSS from Yahoo!'s CND it's also possible to load files from Google Ajax Library. Keeping the number of domains to a minimum give you a small performance boost. ]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m using Google CDN to load my Ajax libraries specifically jQuery and jQuery UI. Its been working great but I&#8217;m often annoyed that I have to load Yahoo!&#8217;s YUI-CSS files from the yahoo CDN. However I recently found that I did not need to do this. Google also maintains the YUI-CSS files which can be accessed using the following URL:</p>
<p><a href="http://ajax.googleapis.com/ajax/libs/yui/2.8.0r4/build/reset-fonts-grids/reset-fonts-grids.css">http://ajax.googleapis.com/ajax/libs/yui/2.8.0r4/build/reset-fonts-grids/reset-fonts-grids.css</a></p>
<p>which is equivalent to:</p>
<p><a href="http://yui.yahooapis.com/2.8.0r4/build/reset-fonts-grids/reset-fonts-grids.css">http://yui.yahooapis.com/2.8.0r4/build/reset-fonts-grids/reset-fonts-grids.css</a></p>
<p>Since DNS lookups are cached, keeping the number of domains to a minimum gives you a small performance boost. </p>
<blockquote><p>&#8220;The Domain Name System (DNS) maps hostnames to IP addresses, just as phonebooks map people&#8217;s names to their phone numbers. When you type www.yahoo.com into your browser, a DNS resolver contacted by the browser returns that server&#8217;s IP address. DNS has a cost. It typically takes 20-120 milliseconds for DNS to lookup the IP address for a given hostname. The browser can&#8217;t download anything from this hostname until the DNS lookup is completed.&#8221;</p>
<p><a href="http://developer.yahoo.com/performance/rules.html#dns_lookups">Read more at Yahoo!</a></p>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.baylus.com/load-yui-css-from-the-google-ajax-library/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Custom Rounded CSS Corners with Alpha</title>
		<link>http://www.baylus.com/custom-corners/</link>
		<comments>http://www.baylus.com/custom-corners/#comments</comments>
		<pubDate>Sun, 18 Oct 2009 19:08:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[My Work]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.baylus.com/?p=303</guid>
		<description><![CDATA[Creating rounded corners boxes proves a fairly difficult challenge. While there are numerous elegant solutions to this problem for the purposes of the design proposed for ACS.org Release 2, none of these solutions was ideal. Both spiffy corners and nifty corners are great solutions.  However, I needed to consider what might happen when user added [...]]]></description>
			<content:encoded><![CDATA[<p>Creating rounded corners boxes proves a fairly difficult challenge. While there are numerous elegant solutions to this problem for the purposes of the design proposed for ACS.org Release 2, none of these solutions was ideal.</p>
<p>Both spiffy corners and nifty corners are great solutions.  However, I needed to consider what might happen when user added alot of boxes to a page. How would these JavaScript heavy solutions perform? Also there is the issue of users who have disabled JavaScript in their browsers. I wanted a solution which could swing both ways. A solution which could be created using CSS only or be applied with JavaScript. Finally, I want rounded corners for a designer. I wanted a solution which could be custom themed one in which the corners could all be different, so of course this means using images for the borders and the corners.<br />
<a title="Custom Corners Tutorial" href="http://www.baylus.com/lab/rounded_box/index.html">Custom Corners Demonstration</a></p>
<p>A few notes&#8230;</p>
<p>First I&#8217;ll be updating this post soon with some graphics and instruction, but for now just go here<br />
<a title="Custom Corners Tutorial" href="http://www.baylus.com/lab/rounded_box/index.html">Custom Corners Demonstration</a>.</p>
<p>Also, I ran across this post from <em>465 Berea St</em> <a href="http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/">Transparent custom corners and borders, version 2</a></p>
<p>Anyhow, that technique seems very close to my own. I&#8217;ll update this post with the differences once I&#8217;ve had a chance to see how my technique differs from Roger&#8217;s.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.baylus.com/custom-corners/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>User testing from a designers perspective</title>
		<link>http://www.baylus.com/user-testing-from-a-designers-perspective/</link>
		<comments>http://www.baylus.com/user-testing-from-a-designers-perspective/#comments</comments>
		<pubDate>Wed, 09 Sep 2009 11:44:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[My Work]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[testing]]></category>

		<guid isPermaLink="false">http://www.baylus.com/user-testing-from-a-designers-perspective/</guid>
		<description><![CDATA[A couple of weeks back we took our latest website site design to the annual conference which my employers host. This is a pretty well attended event which takes place over three days. I was told that 14,000 people came to the event this year. A healthy number by my standards and a great opportunity [...]]]></description>
			<content:encoded><![CDATA[<p>A couple of weeks back we took our latest website site design to the annual conference which my employers host. This is a pretty well attended event which takes place over three days. I was told that 14,000 people came to the event this year. A healthy number by my standards and a great opportunity to conduct user testing.</p>
<p><span id="more-286"></span><br />
During this conference I had the rare opportunity observe user testing first hand. As a designer, my experience with testing has typically meant, passively accepting that all those beautiful widgets I&#8217;ve spent weeks developing need to be tossed out or reinvented.  There is a tendency for us, designers to see user testing as an opportunity for ridicule. More often than not we send out our best work and receive a litany of small complaints which seem designed to humiliate. Designers don&#8217;t see our user base struggling with the UI we design.</p>
<p>In art school when you get &#8220;constructive&#8221; criticism it&#8217;s delivered by of students who know they&#8217;ll have to face your criticism in turn. However, there is no compunction to temper criticism during testing. When you get it wrong it stings all the more because if it&#8217;s an honest test, your getting unbiased criticism. </p>
<p>So when I was offered the chance to view the testing first hand, I was hesitant to go, but curiosity won out. </p>
<p>The tests I attended were conducted over three days based on a script developed with a number of target questions. At the end of the test there was the opportunity for some free-form questions. Tests ran about an hour for each subject. I was allowed to observe and ask a few questions at the end of the test.</p>
<p>I would describe this whole process as humbling. It&#8217;s hard to watch a user struggle to find a link they can&#8217;t see. All those little details you thought you&#8217;d get around to later are waiting there and glaringly obvious during the test. Watching these users really gave me a sense of the importance of the details. Underlining links, keeping page region clearly delineated etc.</p>
<p>Designers like artists (and many of us are artist), tend to have a good deal of ego wrapped up in our designs.  Objective criticism keeps us honest when the test are well constructed and fair.</p>
<p>When you get it right, you know you really nailed it, and that&#8217;s a great feeling.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.baylus.com/user-testing-from-a-designers-perspective/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hello World!</title>
		<link>http://www.baylus.com/hello-world/</link>
		<comments>http://www.baylus.com/hello-world/#comments</comments>
		<pubDate>Mon, 20 Apr 2009 18:41:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[My Work]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[Ramblings]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.baylus.com/?p=55</guid>
		<description><![CDATA[Hello and welcome to my site, which represents highlights from my past 10 years of work as a graphic designer and art director. During my time in the industry, I&#8217;ve been fortunate to work as a designer and developer for &#8211; and with &#8211; some great people. My designs are clearly informed by my background [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="Hello World!" src="/Images/thumb-hello-world.png" alt="" width="292" height="180" />Hello and welcome to my site, which represents highlights from my past 10 years of work as a graphic designer and art director. During my time in the industry, I&#8217;ve been fortunate to work as a designer and developer for &#8211; and with &#8211; some great people.<br />
<span id="more-55"></span></p>
<p>My designs are clearly informed by my background in fine art &#8211; I spent most of my formal education sketching, painting, sculpting, and of course, doodling.  Upon occasion, I even did these things in Legitimate Art Classes (as opposed to, say, Geology or Psychology classes, where impromptu design &#8211; particularly large-scale sculpture &#8211; was woefully underappreciated).  In 1998 I started working as a freelance web designer in the emerging internet.  I&#8217;ve had the chance to work with some truly talented people and continue to enjoy the personal connections this career affords me &#8211; artists and programmers whose work and passion I respect, and the gifted managers of people and resources who make this work possible. In my varied career, I have appreciated the unique challenges of novelty, and have consequently worked in a broad range of settings and with a diverse client base, from my ground-up work as the number two man in a design-house start-up to large, established organizations catering to millions from all across the globe.</p>
<h2>What do I do now?</h2>
<p>I’m currently a salaried consultant with Comsys, presently deployed as the consulting Art Director for the American Chemical Society, Web Strategy and Operations department. This means I lead a team of exceptionally talented individuals with whom I collaborate, creating new and better websites to meet the needs of this large and diverse organization.</p>
<p>On a day-to-day basis I am responsible for overseeing the design and art direction of ACS.org websites, including the recently launched Member Network, a social networking site that now claims greater than 30,000 members.  Though projects of this size necessarily require me to delegate many tasks to my highly-skilled team of designers, I continue to maintain a hands-on role in the design and production of these and other projects.</p>
<p>-A</p>
]]></content:encoded>
			<wfw:commentRss>http://www.baylus.com/hello-world/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ACS Release 2 designs approved</title>
		<link>http://www.baylus.com/acs-release-2/</link>
		<comments>http://www.baylus.com/acs-release-2/#comments</comments>
		<pubDate>Mon, 20 Apr 2009 10:47:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[My Work]]></category>
		<category><![CDATA[ACS]]></category>
		<category><![CDATA[American Chemical Society]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[portfolio]]></category>

		<guid isPermaLink="false">http://www.baylus.com/?p=61</guid>
		<description><![CDATA[Working with the creative professionals at the American Chemical Society has been a pleasure. Recently the ACS embarked on a new branding campaign developed by Gyro International. I am pleased to have had the opportunity to develop the web initiative. On the right I&#8217;ve posted a conceptual mock-up developed for the ACS.org home page.]]></description>
			<content:encoded><![CDATA[<p><img style="float:right; padding-left:6px;" src="/Images/med-acs-chem-for-life.jpg" alt="ACS Branding" width="330" height="165" />Working with the creative professionals at the American Chemical Society has been a pleasure. Recently the ACS embarked on a new branding campaign developed by Gyro International. I am pleased to have had the opportunity to develop the web initiative. On the right I&#8217;ve posted a conceptual mock-up developed for the ACS.org home page.</p>
<p><br style="clear:both;" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.baylus.com/acs-release-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sample Websites</title>
		<link>http://www.baylus.com/sample-sites/</link>
		<comments>http://www.baylus.com/sample-sites/#comments</comments>
		<pubDate>Mon, 20 Apr 2009 10:43:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[My Work]]></category>
		<category><![CDATA[American Chemical Society]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[Sacred Spaces Inc]]></category>
		<category><![CDATA[Smithsonian Insitution]]></category>
		<category><![CDATA[Soloana Business Forum]]></category>
		<category><![CDATA[US Sedan]]></category>

		<guid isPermaLink="false">http://www.baylus.com/?p=57</guid>
		<description><![CDATA[The following URL&#8217;s represent a few samples of my work. I will make more samples available as time permits. If you are prompted for a password and would like to see more please feel free to contact me and I will arrange for a private viewing. ACS Network: http://www.acs.org/network Solana Business Forum: http://www.solanabusinessforum.com Sacred Spaces [...]]]></description>
			<content:encoded><![CDATA[<p>The following URL&#8217;s represent a few samples of my work. I will make more samples available as time permits. If you are prompted for a password and would like to see more please feel free to <a href="/contact.cfm">contact me</a> and I will arrange for a private viewing.</p>
<ul>
<li>ACS Network: <a href="http://www.acs.org/network">http://www.acs.org/network</a></li>
<li>Solana Business Forum: <a href="http://www.solanabusinessforum.com/">http://www.solanabusinessforum.com</a></li>
<li>Sacred Spaces Inc: <a href="http://www.sacredspacesinc.com/">http://www.sacredspacesinc.com</a></li>
<li>The Virtual Smithsonian: <a href="http://2k.si.edu">http://2k.si.edu</a></li>
<li>US Sedan: <a href="http://www.ussedan.com">http://www.ussedan.com</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.baylus.com/sample-sites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

