Salvattore

JavaScript

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

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

[ads_center]

Salvattore

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

Salvattore

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

Salvattore

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

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

関連記事

  1. Animated Intro With jQuery

    JavaScript

    プログレスバーつきのカッコいいイントロページを実装する「Animated Intro With jQ…

    シンプルなアニメーションがとてもカッコいいイントロページを実装する「A…

  2. evol-colorpicker

    JavaScript

    マイクロソフト オフィス2010のようなカラーピッカー「evol-colorpicker」

    evol-colorpickerは、マイクロソフト オフィス2010の…

  3. Progressively

    JavaScript

    画像を徐々に読み込んでくれるJSライブラリ「Progressively」

    Progressivelyは画像を徐々に読み込ませることができるJSラ…

  4. Scrollgress

    JavaScript

    スクロールに連動するプログレスバーを実装できる「Scrollgress」

    Scrollgressはスクロールに連動するシンプルで軽量なプログレス…

  5. simplePagination.js
  6. Choreographer-js

    JavaScript

    多彩なCSSアニメーションを実現できる「Choreographer-js」

    Choreographer-jsは、多彩なCSSアニメーションを実現さ…

コメント

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

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

最近の記事

  1. Soundcore Ace A1
  2. cheero USB-C PD Charger 60W
  3. DY-S01
  4. OWL-QI10W04

アーカイブ

PAGE TOP