カードやパネルをレンガ状に配置し、ドラッグして配置をアニメーションで変更、ソートやフィルタリング機能も可能なグリッドレイアウトが簡単に実装できるスクリプトを紹介します。 マウスで操作しても、タッチデバイスで操作しても、非常に快適です。 Muuri Muuri -GitHub Muuriのデモ Muuriの使い方 Muuriのデモ デモはモダンブラウザ、IE9+でご覧ください。スマホやタブレットでも動作します。 ※スマホだと各パネルが大きいので、操作しにくいかも。
![Masonry系の最強スクリプト、レスポンシブ対応のレイアウトが簡単に実装できる -Muuri](https://cdn-ak-scissors.b.st-hatena.com/image/square/2e2d1e3a6ecff7513b79e89f8e71ae1ed9003ce1/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201604%2F2016122201.gif)
カードやパネルをレンガ状に配置し、ドラッグして配置をアニメーションで変更、ソートやフィルタリング機能も可能なグリッドレイアウトが簡単に実装できるスクリプトを紹介します。 マウスで操作しても、タッチデバイスで操作しても、非常に快適です。 Muuri Muuri -GitHub Muuriのデモ Muuriの使い方 Muuriのデモ デモはモダンブラウザ、IE9+でご覧ください。スマホやタブレットでも動作します。 ※スマホだと各パネルが大きいので、操作しにくいかも。
レスポンシブ・ウェブ・デザインでサイトをつくっているとき、イメージの一覧にテキストをつけて表示させる場合もやっぱりレスポンシブにしたいもの。 そんなときには、jQuery MasonryというjQueryのプラグインが便利なんだけど、WordPressで使う場合は、jQueryをカプセル化したり、 wp_enqueue_scriptをつかって、jsファイルを読み込むのがなかなか敷居が高かったりします。 そのやり方は、多分、なつきさんのStocker_jpのこの記事が一番わかりやすいと思います。 WordPressのトップページを雑誌や新聞のような段組にする方法 | Stocker.jp / diary で、こちらの記事を読みながらやってみたのですが、なぜだかイメージが重なってしまう問題が発生。 clear bothを使ったり、改行やテキストいれたりしたものの解決せず、いろいろ調べていたらこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く