Top-rated recipes tagged "layout"http://code.activestate.com/recipes/tags/layout/top/2017-01-28T00:28:56-08:00ActiveState Code RecipesKomodo JS Macro - use vertical editor tabs positioned to the right (JavaScript) 2010-09-10T02:53:33-07:00Todd Whitemanhttp://code.activestate.com/recipes/users/2666241/http://code.activestate.com/recipes/577386-komodo-js-macro-use-vertical-editor-tabs-positione/ <p style="color: grey"> JavaScript recipe 577386 by <a href="/recipes/users/2666241/">Todd Whiteman</a> (<a href="/recipes/tags/javascript/">javascript</a>, <a href="/recipes/tags/komodo/">komodo</a>, <a href="/recipes/tags/layout/">layout</a>, <a href="/recipes/tags/macro/">macro</a>, <a href="/recipes/tags/tab/">tab</a>). </p> <p>A <a href="http://www.activestate.com/komodo-ide">Komodo</a> JavaScript macro that can be used to position the editor tabs on the right side and shown vertically.</p> <p>Additional layouts (left, right, up, down, vertical, horizontal) can be made with different combinations, see here for the Mozilla tabbox positioning documentation: <a href="https://developer.mozilla.org/en/XUL_Tutorial/Tabboxes#Position_of_the_tabs" rel="nofollow">https://developer.mozilla.org/en/XUL_Tutorial/Tabboxes#Position_of_the_tabs</a></p> Tkinter beautiful handler for pannedwindow (Similar to jQuery Layout) (Python) 2017-01-28T00:28:56-08:00Miguel Martínez Lópezhttp://code.activestate.com/recipes/users/4189907/http://code.activestate.com/recipes/580728-tkinter-beautiful-handler-for-pannedwindow-similar/ <p style="color: grey"> Python recipe 580728 by <a href="/recipes/users/4189907/">Miguel Martínez López</a> (<a href="/recipes/tags/handle/">handle</a>, <a href="/recipes/tags/layout/">layout</a>, <a href="/recipes/tags/panedwindow/">panedwindow</a>, <a href="/recipes/tags/tkinter/">tkinter</a>). Revision 7. </p> <p>The default handler of pannedwindow is replaced by a rectangle with the color and size that the user wants.</p> <p>It's similar to jquery Layout plugin: <a href="http://layout.jquery-dev.com/" rel="nofollow">http://layout.jquery-dev.com/</a></p> quick 3-column grid CSS (CSS) 2010-09-15T17:13:26-07:00Trent Mickhttp://code.activestate.com/recipes/users/4173505/http://code.activestate.com/recipes/577391-quick-3-column-grid-css/ <p style="color: grey"> CSS recipe 577391 by <a href="/recipes/users/4173505/">Trent Mick</a> (<a href="/recipes/tags/column/">column</a>, <a href="/recipes/tags/grid/">grid</a>, <a href="/recipes/tags/layout/">layout</a>). </p> <p>CSS snippet for a 3-column grid. Based on that used for some Apple product pages.</p> <p>HTML:</p> <pre class="prettyprint"><code>&lt;div class="grid3col"&gt; &lt;div class="column first"&gt; ... &lt;/div&gt; &lt;div class="column"&gt; ... &lt;/div&gt; &lt;div class="column last"&gt; ... &lt;/div&gt; &lt;/div&gt; </code></pre> <p>In general, you have to recalculate the widths based on (a) the available full width in your pages and (b) the amount a spacing you want between columns.</p> An alternative way to draw parallels and meridians with basemap (Python) 2013-01-05T15:59:24-08:00PGhttp://code.activestate.com/recipes/users/4184598/http://code.activestate.com/recipes/578399-an-alternative-way-to-draw-parallels-and-meridians/ <p style="color: grey"> Python recipe 578399 by <a href="/recipes/users/4184598/">PG</a> (<a href="/recipes/tags/layout/">layout</a>, <a href="/recipes/tags/map/">map</a>, <a href="/recipes/tags/plots/">plots</a>, <a href="/recipes/tags/plotting/">plotting</a>). Revision 2. </p> <p>Basemap is a toolkit of matplotlib used to plot geographic maps.</p> <p>With this function you can:</p> <ul> <li><p>Draw the latitude/longitude grid easily in one line of code, specifying the lat/lon intervals.</p></li> <li><p>Use rcParams, so all your figures will look more consistent.</p></li> <li><p>Specify the label pad <em>in points</em> (instead of projection units).</p></li> <li><p>Place the labels indicating which margins will be used.</p></li> </ul>