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

Moleskine Journalモレスキンの公式iPhoneアプリ「Moleskine Journal」を使ってみた前のページ

バッファローの4TB大容量ポータブルHDD「HD-PSFU3シリーズ」次のページバッファローのHD-PSFU3シリーズ

関連記事

  1. jQuery Equal Height

    JavaScript

    異なる要素の高さを揃えてくれる「jQuery Equal Height」

    jQuery Equal Heightは、異なる要素の高さをキレイに揃…

  2. Bootstrap Show Password
  3. ajSlider

    JavaScript

    シンプルでさりげないアニメーションが素敵なスライドショー実装「ajSlider」

    ajSliderはシンプルなスライドショーを実装することができるjQu…

  4. Morphext

    JavaScript

    複数テキストをアニメーションで切り替えていくjQueryプラグイン「Morphext」

    MorphextというjQueryプラグインを使えば、複数テキストをア…

  5. jquery-scrollstop

    JavaScript

    スクロールの開始・終了時のイベントを設定できる「jquery-scrollstop」

    jquery-scrollstopはスクロールの開始・終了時のイベント…

  6. JavaScript

    ボタンやアイコンに素敵なクリックエフェクトを実装できる「Waves」

    ボタンやアイコンに素敵なクリックエフェクトを実装することができる「Wa…

最近の記事

  1. 蒼龍唐玉堂 特製牛バラ担々麺
  2. サーモンアボカドサラダラップとドリップ
  3. 猿田彦フレンチ
  4. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  5. ビジネスホテル

アーカイブ

PAGE TOP