Sliding Panels Templateはシンプルでスライドがカッコいいポートフォリオを実装することができます。CSSとjQueryが使われているとのこと。
アイテムを選択するとスライドアニメーションが実行され、そのアイテムの詳細ページに移り変わります。スムーズでサクサクと動作するのでストレスもなくとても快適です。
Sliding Panels Template
以下からSliding Panels Templateの実際のデモを確認することができます。
デモではProject 1〜Project 4まで並んでおり、各Projectを選択するとスライドして詳細ページへ移動します。
右上にある「×」をクリックすると元の一覧ページに戻ります。
アニメーションも自然な感じで、煩わしくないので快適にポートフォリオを見ることができますね。
デモページはレスポンシブになっており、ブラウザ幅を縮小すると横並びのレイアウトから縦並びのレイアウトへ切り替わります。
PCやスマホなどいろんなデバイスから快適に閲覧できるのがいいですね。
というわけで、これからカッコいいポートフォリオをつくりたいという方は、ぜひSliding Panels Templateをチェックしてみてはいかがでしょうか。
ダウンロードや詳しい使い方に関しては以下からどうぞ。
