「MixItUp」 は、要素のレイアウトをアニメーション付きで並び替えたり、絞り込んで表示したりできるjQueryプラグインです。インラインブロックやfloat、flexboxなどのさまざまレイアウト方法に対応しており、HTMLやCSSをほとんど書き換える必要がないので、使いやすいプラグインです。 カテゴリーによって並び替えたり、特定のカテゴリーだけを表示したり、タイル形式・リスト形式を切り替えたりできるので、ポートフォリオサイトやギャラリーサイト、ブログのトップページに向いています。 Google ChromeやFirefoxなどのモダンブラウザーとInternet Explorer 10〜、iOS、Androidに対応しており、アニメーション機能を除けばIE8〜9からも利用できます。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、MixI
![要素をアニメーションでカッコよく並び替えるMixItUp](https://cdn-ak-scissors.b.st-hatena.com/image/square/e22f8390ea204a234649ac41e64d5fe046b44648/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2013%2F08%2F25%2F370968%2Fl%2F3f833ada76ccdd16.jpg)