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. Slickhover.js

    JavaScript

    滑らかでスムーズなホバーエフェクトを実装できるjQueryプラグイン「Slickhover.js」

    とても軽量で使いやすいのがいいですね。ホバー時に滑らかでスムーズなエフ…

  2. Intense Images
  3. Squishy

    JavaScript

    テキストをコンテナに合わせて自動でサイズ変更してくれるjQueryプラグイン「Squishy」

    SquishyというjQueryプラグインを使えばテキストをコンテナに…

  4. JavaScript

    画像やHTML要素に簡単にドロップシャドウをつけられるjQueryプラグイン「pShadow」

    個人的にすごく便利で使う機会がありそなjQueryプラグインの紹介です…

  5. Auto-Text-Scroll

    JavaScript

    自動でテキストが垂直にスクロールしていく「Auto-Text-Scroll」

    Auto-Text-Scrollは自動でテキストが垂直でスクロールして…

  6. How satisfied are you? Slider

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP