JQuery Portfolio

JavaScript

ポートフォリオを整理して見やすく表示してくれるjQueryプラグイン「JQuery Portfolio」

JQuery Portfolioは、ポートフォリオのサイトリストを整理して見やすく表示させることができるjQueryプラグインです。各サイトをクリックするとスライドダウンで詳細を表示してくれたり、レスポンシブにも対応しているので、とてもいい感じです。

[ads_center]

JQuery Portfolioの使い方

デモ

このようにポートフォリオの作品が綺麗に一覧表示されます。

JQuery Portfolio

作品をクリックすると、こんな感じでスライドダウンして詳細が表示されます。便利ですねー。

自分が今まで作った作品全体を俯瞰してみることができたり、クリックで個別に詳細を確認することもできるので、とても便利なプラグインです。

綺麗に整列されたレイアウトが安定感を生み出しているようなそんな印象を受けます。

スライドダウンで詳細を表示

使い方ではオプションを指定したりすることもできます。

$("#MyPortfolio").portfolio({
    cols: 3
    transition: 'slideDown'
});

JQuery Portfolio

関連記事

  1. jquery-confirm

    JavaScript

    アラートやダイアログなどさまざまな機能を実装できる「jquery-confirm」

    jquery-confirmはアラートやconfirm、ダイアログなど…

  2. nanoGALLERY
  3. no-image

    JavaScript

    縦スクロールによるフォトギャラリー実装「Simple Scroll Gallery」

    Simple Scroll Galleryは縦スクロールによるかっこい…

  4. Docked Link jQuery Plugin
  5. InlineTweet.js

    JavaScript

    Webページのテキストにツイートリンクを作成できる「InlineTweet.js」

    InlineTweet.jsはWebページのテキストにツイートリンクを…

  6. makefixed.js

    JavaScript

    スクロール中に要素を固定配置できるjQueryプラグイン「makefixed.js」

    makefixed.jsはスクロール中に指定した要素を固定配置させるこ…

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP