Sliding Panels Template

JavaScript

スライドがカッコいいシンプルなポートフォリオ「Sliding Panels Template」

Sliding Panels Templateはシンプルでスライドがカッコいいポートフォリオを実装することができます。CSSとjQueryが使われているとのこと。

アイテムを選択するとスライドアニメーションが実行され、そのアイテムの詳細ページに移り変わります。スムーズでサクサクと動作するのでストレスもなくとても快適です。

Sliding Panels Template

デモ

デモではProject 1〜Project 4まで並んでおり、各Projectを選択するとスライドして詳細ページへ移動します。

右上にある「×」をクリックすると元の一覧ページに戻ります。

アニメーションも自然な感じで、煩わしくないので快適にポートフォリオを見ることができますね。

デモページはレスポンシブになっており、ブラウザ幅を縮小すると横並びのレイアウトから縦並びのレイアウトへ切り替わります。

PCやスマホなどいろんなデバイスから快適に閲覧できるのがいいですね。

というわけで、これからカッコいいポートフォリオをつくりたいという方は、ぜひSliding Panels Templateをチェックしてみてはいかがでしょうか。

Sliding Panels Template

関連記事

  1. S-Pagination

    JavaScript

    スライダー付きのページネーションを実装できる「S-Pagination」

    S-Paginationはスライダー付きのページネーションを実装できる…

  2. CSS3 3D Text Plugin for jQuery
  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでreplaceWithやreplaceAllを使って要素を置き換えてみる

    jQueryでreplaceWithやreplaceAllを使えば好き…

  4. DropDownMenu

    JavaScript

    レスポンシブ対応で多階層なドロップダウンメニューを実装できる「DropDownMenu」

    DropDownMenuは、レスポンシブに対応した多階層なドロップダウ…

  5. qpScroll
  6. flipLightBox

最近の記事

  1. Anker PowerHouse 200

アーカイブ

PAGE TOP