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. 3D Portfolio Template

    JavaScript

    立体的に回転するテンプレート「3D Portfolio Template」

    滑らかに、立体的に回転するテンプレートを実装することができる「3D P…

  2. Sticky Elements

    JavaScript

    エレメントがくっついてくるアニメーション「Sticky Elements」

    Sticky Elementsはエレメントにカーソルを乗せるとくっつい…

  3. Tagify

    JavaScript

    Vanilla JSを用いた軽量のタグ入力機能を実装できる「Tagify」

    TagifyはVanilla JSを用いた軽量のタグ入力機能を実装でき…

  4. HC Sticky

    JavaScript

    スクロールしても要素を固定できるJSライブラリ「HC Sticky」

    HC Stickyはスクロールした時に特定の要素を固定したまま表示でき…

  5. textfit.js

    JavaScript

    コンテナにテキストをフィットさせれるjQueryプラグイン「textfit.js」

    textfit.jsは、コンテナ内に表示するテキストをフィットさせるこ…

  6. Nivo Zoom

    JavaScript

    Lightbox風に画像をズームして表示させるjQueryプラグイン「Nivo Zoom」

    Lightbox風に画像をズームして表示させるjQueryプラグイン「…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP