<h3class="question__text">Why Does Shuffle leave empty spaces?</h3>
<h3class="question__title">Why Does Shuffle leave empty spaces?</h3>
<pclass="question__answer">The algorithm used to place items does not keep track of empty space nor try to fill them. If you require this functionality, I suggest <atarget="_blank"href="http://packery.metafizzy.co/">packery</a>.</p>
</div>
</article>
<articleid="images"class="question js-question">
<divclass="question__inner">
<h3class="question__text">Why are images overlapping?</h3>
<h3class="question__title">Why are images overlapping?</h3>
<pclass="question__answer">If the size of your items are dependent on images, they can overlap if shuffle is initialized before all the images have loaded. Check out <ahref="{{ site.baseurl }}{% post_url demos/2013-05-03-images %}">this demo</a> to see how to fix it.</p>
</div>
</article>
<articleid="isotope"class="question js-question">
<divclass="question__inner">
<h3class="question__text">What’s the difference between Shuffle and Isotope?</h3>
<h3class="question__title">What’s the difference between Shuffle and Isotope?</h3>
<divclass="question__answer">
<span>Isotope:</span>
<ul>
@ -58,23 +58,37 @@ extraJS: [ "faq.js" ]
<li>sizer element (which <ahref="http://packery.metafizzy.co/options.html#element-sizing">packery also has</a>)</li>
</ul>
<p>They are <em>very</em> similar, but I think Shuffle's filtering and sorting are easier to customize, which is the main reason I created this plugin. Isotope does have a much larger community, more tests, and more stackoverflow answers though.</p>
<p>They are <em>very</em> similar, but I think Shuffle's filtering and sorting are easier to customize, which is the main reason I created this plugin. Isotope has a much larger community, is battle-tested, and has many stackoverflow answers.</p>
</div>
</div>
</article>
<articleid="zepto"class="question js-question">
<divclass="question__inner">
<h3class="question__text">Does Shuffle work with Zepto?</h3>
<h3class="question__title">Does Shuffle work with Zepto?</h3>
<pclass="question__answer">Not at the moment.</p>
</div>
</article>
<articleid="padding"class="question js-question">
<divclass="question__inner">
<h3class="question__title">Padding isn’t working on the shuffle element.</h3>
<pclass="question__answer">The padding is ignored by Shuffle because it creates complexities with absolute positioning the shuffle-items when they have a percentage width as well as setting the height of the shuffle container because of box-sizing. To fix this, wrap the shuffle element in another element which has the padding on it.</p>
<h3class="question__title">Can the columns be centered?</h3>
<pclass="question__answer">Nope. Shuffle is heavily based on columns for layout. You can add “empty” items to achieve a similar effect.</p>
</div>
</article>
{% comment %}
<articleclass="question js-question">
<divclass="question__inner">
<h3class="question__text">Hi</h3>
<h3class="question__title">Hi</h3>
<pclass="question__answer">Check yo' self</p>
</div>
</article>
@ -82,7 +96,7 @@ extraJS: [ "faq.js" ]
<articleclass="question question--unanswered">
<divclass="question__inner">
<h3class="question__text">Didn't find an answer?</h3>
<h3class="question__title">Didn't find an answer?</h3>
<pclass="question__answer">Try looking at the javascript files for the demos or searching the issues <ahref="https://github.com/Vestride/Shuffle/issues">on GitHub</a>.</p>
Glen Cheney
10 years ago