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><div class="grid3col">
<div class="column first">
...
</div>
<div class="column">
...
</div>
<div class="column last">
...
</div>
</div>
</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>