エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Isotope使い方】masonryより便利な、見た目を美しく整える「isoTope」を使ってみた! | ツマミグイ。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Isotope使い方】masonryより便利な、見た目を美しく整える「isoTope」を使ってみた! | ツマミグイ。
投稿ナビゲーション ← 前へ 次へ → 【Isotope使い方】masonryより便利な、見た目を美しく整える「isoTop... 投稿ナビゲーション ← 前へ 次へ → 【Isotope使い方】masonryより便利な、見た目を美しく整える「isoTope」を使ってみた! masonryと似ているjavascriptパッケージで、isotopeが良さそうなので使ってみました。 以下のようにボックスレイアウトの調整がすごく簡単にできます。 適用前 適用後 では、masonryと何が違うのかというと、「並べ替え」「絞り込み」機能が容易に実装できるところになります。 今回は、まず初回の実装方法をまとめています。 デモを作りましたので、まずは触ってみてください。 導入のメリット ・長方形またはテーブル要素(行)をきれいに並べてくれる。 ・難易度が高いソート(並べ替え)機能を比較的簡単に実装できる。 ・難易度が高いフィルタ(絞り込み)機能を比較的簡単に実装できる。 使用方法 1.パッケージjsをダウンロードしてサーバー