Salvattore

JavaScript

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

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

[ads_center]

Salvattore

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

Salvattore

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

Salvattore

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

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

関連記事

  1. Text Scramble Effect

    JavaScript

    テキストをスクランブルしながら表示していく「Text Scramble Effect」

    Text Scramble Effectはテキストをカシャカシャとスク…

  2. WD_ImageStax

    JavaScript

    山積みされた写真をシャッフルさせるフォトギャラリー「WD_ImageStax」

    WD_ImageStaxは無造作に山積みされた写真をシャッフルさせるフ…

  3. no-image

    JavaScript

    シンプルでベーシックなJavaScriptによるlightbox実装「halkaBox.js」

    halkaBox.jsは、シンプルでベーシックなJavaScriptに…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで$.inArrayを使えば配列の中に指定した値が何番目に入ってるか知ることができる

    jQueryで配列の中に自分が指定した値が何番目にあるか知りたい場合は…

  5. cascadingDivs
  6. NO IMAGE

    JavaScript

    フェード、スライド、水平、垂直などカスタマイズ性の高いスライダー「Prrple Slider」

    Prrple Sliderはフェードアニメーションやスライド、ループ、…

コメント

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

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

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP