JQuery Portfolio

JavaScript

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

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

[ads_center]

JQuery Portfolioの使い方

デモ

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

JQuery Portfolio

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

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

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

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

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

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

JQuery Portfolio

Photoshopの「特定色域の選択」Photoshopの「特定色域の選択」を使って空を青くするやり方前のページ

MacのSafariでリンク済みテキストの色を元に戻すやり方次のページ

関連記事

  1. simplePagination.js
  2. reveal-it.js

    JavaScript

    左から右へテキストが美しくフェードイン表示する「reveal-it.js」

    reveal-it.jsはテキストが左から右へかけて徐々にフェードイン…

  3. infoBox

    JavaScript

    マウスオーバーでインフォメーションボックスを表示させる「infoBox」

    infoBoxはアイコンにマウスオーバーするとインフォメーションボック…

  4. no-image

    JavaScript

    スワイプでのスライドもできるシンプルなスライダー「jquery-slide」

    jquery-slideはスワイプでのスライドにも対応したシンプルなス…

  5. linkunderline

    JavaScript

    テキストリンクにアンダーラインのアニメーションを実装できる「linkunderline」

    linkunderlineは、テキストリンクにアンダーラインを引くアニ…

  6. Shuffle Images

    JavaScript

    画像をシャッフルすることができるjQueryプラグイン「Shuffle Images」

    Shuffle ImagesというjQueryプラグインを使えば、画像…

最近の記事

  1. 冬用のふとん
  2. 田沢湖
  3. ゴムの耳栓
  4. ライオンコーヒー(バニラマカダミア)
PAGE TOP