Salvattore

JavaScript

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

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

[ads_center]

Salvattore

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

Salvattore

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

Salvattore

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

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

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

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

関連記事

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

    JavaScript

    jQueryでオブジェクトの型を取得して判定などをしたい場合はjQuery.type()を使う

    jQuery.type(obj)を使えばオブジェクトの型を知ることがで…

  2. TypeIt

    JavaScript

    タイピングアニメーションを実装できる「TypeIt」

    TypeItはタイピングアニメーションを実装できるjQueryプラグイ…

  3. Diagonal Slider

    JavaScript

    斜めにデザインされたスタイリッシュなjQueryイメージスライダー「Diagonal Slider」…

    Diagonal Sliderは斜めにデザインされたクールでスタイリッ…

  4. ToxicBox

    JavaScript

    さまざまなコンテンツをポップアップウィンドウで表示できる「ToxicBox」

    ToxicBoxは、ライトボックスのjQueryプラグインです。近年、…

  5. JavaScript

    jQueryで空港や駅にある掲示板のように指定した文字が切り替わっていくAirportを使ってみた

    面白いプラグインがあったので使ってみました。空港や駅にある掲示板みたい…

  6. stickyTableColumns

    JavaScript

    水平(左右)にスライドできるテーブル実装「stickyTableColumns」

    stickyTableColumnsは、データ量の多い表をページで表現…

コメント

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

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

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP