thagg.com/intotherude
tags
sign in
thagg.com/home
Tweet
css
jquery
blokken
print
jquery dynamisch blokken opbouwen
<div> <a href="http://isotope.metafizzy.co/">http://isotope.metafizzy.co/</a> <hr /> <h1> <a href="index.html">Isotope</a></h1> <h2> Docs</h2> <ul> <li> <a href="./docs/introduction.html">Introduction</a></li> <li> <a href="./docs/options.html">Options</a></li> <li> <a href="./docs/methods.html">Methods</a></li> <li> <a href="./docs/layout-modes.html">Layout modes</a></li> <li> <a href="./docs/filtering.html">Filtering</a></li> <li> <a href="./docs/sorting.html">Sorting</a></li> <li> <a href="./docs/animating.html">Animating</a></li> <li> <a href="./docs/adding-items.html">Adding items</a></li> <li> <a href="./docs/extending-isotope.html">Extending Isotope</a></li> <li> <a href="./docs/hash-history-jquery-bbq.html">Hash history with jQuery BBQ</a></li> <li> <a href="./docs/help.html">Help</a></li> <li> <a href="./docs/license.html">License</a></li> </ul> <h2> Demos</h2> <ul> <li> <a href="./demos/basic.html">Basic</a></li> <li> <a href="./demos/elements-complete.html">Elements Complete</a></li> <li> <a href="./demos/elements-partial.html">Elements Partial</a></li> <li> <a href="./demos/layout-modes.html">Layout modes</a></li> <li> <a href="./demos/filtering.html">Filtering</a></li> <li> <a href="./demos/sorting.html">Sorting</a></li> <li> <a href="./demos/relayout.html">reLayout</a></li> <li> <a href="./demos/adding-items.html">Adding items</a></li> <li> <a href="./demos/infinite-scroll.html">Infinite Scroll</a></li> <li> <a href="./demos/images.html">Images</a></li> <li> <a href="./demos/combination-filters.html">Combination filters</a></li> <li> <a href="./demos/hash-history.html">Hash history</a></li> <li> <a href="./demos/fluid-responsive.html">Fluid / responsive</a></li> <li> <a href="./demos/removing.html">Removing</a></li> </ul> <h2> Custom layout modes</h2> <ul> <li> <a href="./custom-layout-modes/centered-masonry.html">Centered Masonry</a></li> <li> <a href="./custom-layout-modes/category-rows.html">Category rows</a></li> <li> <a href="./custom-layout-modes/masonry-corner-stamp.html">Masonry corner stamp</a></li> <li> <a href="./custom-layout-modes/masonry-gutters.html">Masonry gutters</a></li> <li> <a href="./custom-layout-modes/spine-align.html">Spine align</a></li> <li> <a href="./custom-layout-modes/big-graph.html">BIG Graph</a></li> </ul> <h2> <a href="tests/index.html">Tests</a></h2> <div> <h2> Filter:</h2> <ul> <li> <a href="#show-all">show all</a></li> <li> <a href="#elements">elements</a></li> <li> <a href="#features">features</a></li> <li> <a href="#examples">examples</a></li> </ul> </div> <div> <h2> Sort:</h2> <ul> <li> <a href="#mixed">mixed</a></li> <li> <a href="#original">original</a></li> <li> <a href="#alphabetical">alphabetical</a></li> </ul> </div> <div> <h2> Layout:</h2> <ul> <li> <a href="#masonry">masonry</a></li> <li> <a href="#fitRows">fitRows</a></li> <li> <a href="#straightDown">straightDown</a></li> </ul> </div> <div> <div> <p> 12</p> <h3> Mg</h3> <h2> Magnesium</h2> <p> 24.305</p> </div> <div> <p> 92</p> <h3> U</h3> <h2> Uranium</h2> <p> 238.02891</p> </div> <div> <p> 64</p> <h3> Gd</h3> <h2> Gadolinium</h2> <p> 157.25</p> </div> <div> <p> 39</p> <h3> Y</h3> <h2> Yttrium</h2> <p> 88.90585</p> </div> <div> <p> 5</p> <h3> B</h3> <h2> Boron</h2> <p> 10.811</p> </div> <div> <p> 26</p> <h3> Fe</h3> <h2> Iron</h2> <p> 55.845</p> </div> <div> <p> 95</p> <h3> Am</h3> <h2> Americium</h2> <p> (243)</p> </div> <div> <p> 30</p> <h3> Zn</h3> <h2> Zinc</h2> <p> 65.38</p> </div> <div> <p> 61</p> <h3> Pm</h3> <h2> Promethium</h2> <p> (145)</p> </div> <div> <p> 49</p> <h3> In</h3> <h2> Indium</h2> <p> 114.818</p> </div> <div> <p> 33</p> <h3> As</h3> <h2> Arsenic</h2> <p> 74.9216</p> </div> <div> <p> 68</p> <h3> Er</h3> <h2> Erbium</h2> <p> 167.259</p> </div> <div> <p> 34</p> <h3> Se</h3> <h2> Selenium</h2> <p> 78.96</p> </div> <div> <p> 38</p> <h3> Sr</h3> <h2> Strontium</h2> <p> 87.62</p> </div> <div> <p> 40</p> <h3> Zr</h3> <h2> Zirconium</h2> <p> 91.224</p> </div> <div> <p> 85</p> <h3> At</h3> <h2> Astatine</h2> <p> (210)</p> </div> <div> <p> 41</p> <h3> Nb</h3> <h2> Niobium</h2> <p> 92.90638</p> </div> <div> <p> 8</p> <h3> O</h3> <h2> Oxygen</h2> <p> 15.9994</p> </div> <div> <p> 97</p> <h3> Bk</h3> <h2> Berkelium</h2> <p> (247)</p> </div> <div> <p> 9</p> <h3> F</h3> <h2> Fluorine</h2> <p> 18.9984032</p> </div> <div> <p> 98</p> <h3> Cf</h3> <h2> Californium</h2> <p> (251)</p> </div> <div> <p> 10</p> <h3> Ne</h3> <h2> Neon</h2> <p> 20.1797</p> </div> <div> <p> 15</p> <h3> P</h3> <h2> Phosphorus</h2> <p> 30.973762</p> </div> <div> <p> 100</p> <h3> Fm</h3> <h2> Fermium</h2> <p> (257)</p> </div> <div> <p> 16</p> <h3> S</h3> <h2> Sulfur</h2> <p> 32.065</p> </div> <div> <p> 20</p> <h3> Ca</h3> <h2> Calcium</h2> <p> 40.078</p> </div> <div> <p> 6</p> <h3> C</h3> <h2> Carbon</h2> <p> 12.0107</p> </div> <div> <p> 37</p> <h3> Rb</h3> <h2> Rubidium</h2> <p> 85.4678</p> </div> <div> <p> 115</p> <h3> Uup</h3> <h2> Ununpentium</h2> <p> (288)</p> </div> <div> <p> 21</p> <h3> Sc</h3> <h2> Scandium</h2> <p> 44.955912</p> </div> <div> <p> 1</p> <h3> Iso</h3> <h2> An exquisite jQuery plugin for magical layouts</h2> </div> <div> <p> 31</p> <h3> Dyn</h3> <h2> Dynamic, intelligent layouts</h2> </div> <div> <p> 27</p> <h3> Srt</h3> <h2> Re?order items with sorting</h2> </div> <div> <p> 61</p> <h3> Pow</h3> <h2> Powerful methods, simple syntax</h2> </div> <div> <p> 11</p> <h3> Flt</h3> <h2> Reveal & hide items with filtering</h2> </div> <div> <p> 41</p> <h3> Ani</h3> <h2> Captivating animations</h2> </div> <div> <p> 71</p> <h3> Pro</h3> <h2> Progressively enhanced for CSS3 transforms & transitions</h2> </div> <div> <p> 51</p> <h3> Any</h3> <h2> Sort items by just about anything</h2> </div> <div> <a href="jquery.isotope.min.js">Down?load jquery?.isotope?.min.js</a></div> <div> <a href="http://meta.metafizzy.co/files/isotope-site.zip">Down?load this project</a></div> <div> <a href="http://github.com/desandro/isotope">Isotope on GitHub</a></div> <ul> <li> <a href="http://www.maetva-agences.com/"><img src="https://s3.amazonaws.com/zootool.previews/37bz84/m.jpg?1324612476" /><b>Maetva | Agences de Communication multispécialistes à Strasbourg : Communication globale, web et e-commerce, relation presse, événementiel et marketing direct.</b></a></li> <li> <a href="http://designerfund.com/infographic"><img src="https://s3.amazonaws.com/zootool.previews/5ghh0/m.jpg?1324388475" /><b>The Designer Fund</b></a></li> <li> <a href="http://www.ithaca.edu/ready/"><img src="https://s3.amazonaws.com/zootool.previews/is69w/m.jpg?1323467150" /><b>Ready - Ithaca College</b></a></li> <li> <a href="http://www.lmnopstudios.com/"><img src="https://s3.amazonaws.com/zootool.previews/89je/m.jpg?1323301569" /><b>Brighton Web Design - digital agency - LMNOP Studios - Web Design // Print Design // Identity // Animation //</b></a></li> <li> <a href="http://parlament.infocube.ch/floralies/?l=en"><img src="https://s3.amazonaws.com/zootool.previews/hooth/m.jpg?1323095100" /><b>The swiss parliamentarian and their network</b></a></li> <li> <a href="http://www.betabrand.com/"><img src="https://s3.amazonaws.com/zootool.previews/3zb8l/m.jpg?1322659138" /><b>Betabrand - Pants, Jackets, Hoodies, Bags & Fabrications</b></a></li> <li> <a href="http://www.monskey.nl/index.shtml"><img src="https://s3.amazonaws.com/zootool.previews/40b4/m.jpg?1321647416" /><b>Monskeys - Welkom!</b></a></li> <li> <a href="http://www.helpineedhelp.com/#/"><img src="https://s3.amazonaws.com/zootool.previews/6j69/m.jpg?1320769147" /><b>Help Remedies</b></a></li> <li> <a href="http://www.typeoneerror.com/work"><img src="https://s3.amazonaws.com/zootool.previews/uv21554/m.jpg?1319710358" /><b>Typeoneerror - Work</b></a></li> <li> <a href="http://mikesmart.co.uk/"><img src="https://s3.amazonaws.com/zootool.previews/hdoe77/m.jpg?1323636818" /><b>Mike Smart</b></a></li> </ul> </div> <div> <h2> Sites using Isotope</h2> <ul> </ul> </div> Isotope by <a href="http://desandro.com">David DeSandro</a> / <a href="http://metafizzy.co">Metafizzy</a></div>
