TOP  >  plugin  >  さまざまな動きのタブデザイン表現を可能にする「11 Free CSS & jQuery Tabs Plugin And Tutorials」
2014年10月25日

さまざまな動きのタブデザイン表現を可能にする「11 Free CSS & jQuery Tabs Plugin And Tutorials」

複数のテーマ選択を1デザインで行うのに便利なツール・タブ。シンプルな切り替えが定番ですが、今回はさまざまな動きのタブデザイン表現を可能にする「11 Free CSS & jQuery Tabs Plugin And Tutorials」を紹介したいと思います。

tab1
CSS3 & jQuery folder tabs

タブに独自の動きを再現することができるプラグイン、そして構築のためのチュートリアルが公開されています。

詳しくは以下

tab2
CSS3 tabs with beveled corners
角が斜めにカットされ、さらに立体的な表情を生み出せるCSS3タブ。タブ自体に存在感を出したい時に。
 
 
 
 
tab3
Tabslet jQuery plugin | Yet another plugin for tabs
ホバーやアニメーション、ローテーションなど、さまざまなタブの動きがまとめられています。好みに合わせていろいろ選べるという点が嬉しいですね。
 
 
 
 
tab4
Tabulous.js
タブ内の内容の動きに変化をもたらすことができます。タブ自体はシンプルな切り替えがメイン。ちょっとした個性の演出に。
 
 
タブに凝った演出を導入することでサイトに表情が生まれてくるはず。今までシンプルなタイプしか構築したことがないという方は、この機会に一度取り入れてみてはいかがでしょうか。

11 Free CSS & jQuery Tabs Plugin And Tutorials | SmashingApps.com

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 10:46  |  
Category: plugin   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る