JQuery Portfolio

JavaScript

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

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

[ads_center]

JQuery Portfolioの使い方

デモ

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

JQuery Portfolio

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

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

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

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

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

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

JQuery Portfolio

関連記事

  1. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

  2. no-image

    JavaScript

    マテリアルデザインによるjQueryタイムピッカー実装「MDTimePicker」

    MDTimePickerはマテリアルデザインをコンセプトにしたタイムピ…

  3. Maximum Characters limit exceeded warning
  4. Ace Responsive Menu
  5. Glide.js
  6. JavaScript

    指定した画像を遅らせてローディングさせるjQueryプラグイン「Lazy Karl」の使い方

    ちょっと面白そうだったので試してみました。画像を表示させるまでの間にロ…

最近の記事

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

アーカイブ

PAGE TOP