Salvattore

JavaScript

Pinterestのように要素を整理させることができるjQueryプラグイン「Salvattore」

SalvattoreというjQueryプラグインを使えば、Pinterestのように要素を綺麗に整理させることができます。実際のデモでは各ブレイクポイントに応じてレイアウトが調整されるので色んなデバイスでも閲覧しやすいですね。とても便利で見た目もカッコイイです。

[ads_center]

Salvattore

指定した列の数に応じて要素が整理されます。

Salvattore

デモではブラウザ幅を縮小していくと、このようにモバイルでも閲覧しやすいレイアウトに調整されます。

Salvattore

Media Queriesを使って、各ブレイクポイントごとに列の数を指定することができるのでとても便利ですね。基本的にはCSSで設定していきます。

その他にも動的にコンテンツを追加したりといったこともできるので、気になる方は以下からチェックしてみて下さい。

Photoshopで部分的に明るく(または暗く)する方法Photoshopで写真の特定の部分を明るく(または暗く)する方法前のページ

Macのプレビューで別々に開かれる複数のファイルを一つにまとめて開くやり方次のページMacのプレビューで複数ファイルをまとめて開くやり方

関連記事

  1. Remodal

    JavaScript

    レスポンシブ対応のお洒落なモーダルウィンドウを実装できるjQueryプラグイン「Remodal」

    RemodalというjQueryプラグインを使えば、レスポンシブに対応…

  2. JavaScript

    レンガ風に要素を綺麗に並べてグリッドレイアウトが作れる「The Wookmark jQuery pl…

    Pinterestのように高さの異なる要素をレンガ風に綺麗に並べて、簡…

  3. Scrolltab

    JavaScript

    スクロール移動させるタブを追加できるjQueryプラグイン「Scrolltab」

    ScrolltabというjQueryプラグインを使えばスクロール移動さ…

  4. tsorter

    JavaScript

    テーブルにソート(並べ替え)機能を実装できる「tsorter」

    tsorterは、JavaScriptを用いてHTMLテーブルにソート…

  5. Simple jQuery Slider

    JavaScript

    シンプルなナビ付きのスライダーを実装できる「Simple jQuery Slider」

    シンプルなスライダーを実装できる「Simple jQuery Slid…

  6. Points Of Interest

    JavaScript

    各ポイントごとにクリックで詳細文を表示させるjQuery「Points Of Interest」

    Points Of Interestはサイト内に設置した各ポイントを…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP