2012-01-17T21:54:19-08:00 http://davedash.com/ Dave Dash dd+atom1@davedash.com 2007-05-08T00:00:00-07:00 http://davedash.com/2007/05/08/textmate-snippets-for-yui-em-calculations <p>[tags]yui, yahoo, css, snippet, textmate, ems, px[/tags]</p> <p>If you use <a href="http://developer.yahoo.com/yui/grids/">YUI grid layouts</a> you'll notice that <code>ems</code> are the preferred units and for good reason. But ems don't make sense to people like us who want to be super precise down to the pixel... pixels make sense.</p> <p>So type in a number select it and run this <code>ruby</code> script as a TextMate command (that outputs as a snippet):</p> <div><textarea name="code" class="ruby" cols="100" rows="15"> #!/usr/bin/env ruby # # This script will do the necessary YUI calculations from px to ems # # The result is inserted as a snippet, so it's # possible to tab through the place holders. # validate input input = ENV['TM_SELECTED_TEXT'].to_i; width = input.to_f/13 ie_width = width * 0.9759 print "${1:width}:"+width.to_s+"em;*$1:"+ie_width.to_s+"em;$0" </textarea></div> <p>You'll have the proper tab stops to change the newly calculated <code>ems</code> from <code>width</code> to <code>margin-left</code> or <code>margin-right</code> or whatever it is you desire.</p> 2007-04-30T00:00:00-07:00 http://davedash.com/2007/04/30/textmate-yui-yui-snippets <p>I do a lot of <a href="http://developer.yahoo.com/yui/grids/">YUI grid layouts</a> and I love the nestable grids:</p> <pre><code>&lt;div class="yui-g$1"&gt; &lt;div class="yui-u first"&gt; $2 &lt;/div&gt; &lt;div class="yui-u"&gt; $3 &lt;/div&gt; &lt;/div&gt; </code></pre> <p>There's a tab stop after <code>yui-g</code> in case you want to use one of the variants (<code>yui-gb</code>, <code>yui-gc</code>, etc).</p> <p>I'm working on a site that uses two equal width columns... a lot... so this comes in quite handy. So long tables.</p>