• かちびと.net

    並べられたアコーディオンパネルを開くと幅が可変して可読性を高める・Jquery Animated Gridのご紹介です。パネルを開くと幅が広がってくれます。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

並べられたアコーディオンパネルを開くと幅が可変して可読性を高める・Jquery Animated Grid

スポンサーリンク

横に並べられたアコーディオンパネル
を開くと、幅がアニメーションで広がり
つつ、隣のアコーディオンが狭くなる
ので、全体のレイアウトを維持できる
というプラグイン。幅を気にしなくて
いいのは場合によっては助かるかも。

ちょっと見かけて良さそうだったのでメモ書き。全体の幅を守りつつ、アコーディオン自体の幅が可変します。広がってくれることで少し可読性が増しますね。ちょっとした心遣いですけど、こういうものにjsを使いたいところです。

Jquery Animated Grid


こういう感じで横にアコーディオンが並んでいます。並べるとちょっとタンスみたいですね。それはいいとしてこのタンスの引き出しを開けると幅が可変し、隣の茶タンスが狭くなります。


こんな感じで。アニメーション気持ちいいですね。

テキストだけでなく、画像も対応します。コンパクトにコンテンツを納めすぎてもユーザビリティに優れたUIとは言えませんが、やむを得ない時はこういう手に頼る事で可読性を高めてあげるのももありですかね。

ライセンスはCCとのこと。デモもあるので触ってみては如何でしょう。

Jquery Animated Grid

URL :
TRB :

Comments & Trackbacks

Comments are closed.

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services