2012-04-07T22:42:44-07: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>