長～いページもスッキリ！jQueryでタブ表示 (1/2)
1つのWebページに多くの情報を載せようとすると、縦に長くなって見づらくなってしまいます。そのようなWebページを整理するには、ページをいくつかのタブに分けるのが1つの方法です。今回は、jQuery UIの「Tabs」というウィジェットを使って、ページをタブに分ける方法を紹介します。 Tabsをダウンロードしてみよう jQueryには、ユーザーインターフェース関連の基本的なライブラリを集めた「UI」（User Interface）があります。その中の1つに「Tabs」というウィジェットがあります。Tabsは、Webページを複数のタブに分割して、切り替えられるようにするものです。 jQuery UI Tabsを使うには、まずこのJavaScriptファイルをダウンロードします。ダウンロードページに接続すると、ダウンロードするモジュールを選ぶページが表示されますので、「UI Core」と「Ta
Codaのサイトで使われているスライダーエフェクト『Coda Slider Effect』 – creamu
タブをかっこよくスライドさせて見せたい。 そんなときにおすすめなのが、『Coda Slider Effect』。Codaのサイトで使われているスライダーエフェクトだ。 このエントリーでは、↑で見られるようにMac用のエディタであるCodaのサイトで使われているスライダーエフェクトを実装する方法が紹介されている。 デモは以下から。 » View the demo and source code used in the screencast とてもクールなタブの見せ方ではないだろうか。 Codaのサイトで使われているスライダーエフェクト、チェックしてぜひ使ってみていただきたい。 昨日は飲みたくなったので一人でワインを飲みに隠れ家的なカフェへ。読みたかった本を買って行って、とても心地のいい時間だった。また行こうっと。 松田公太さんは尊敬している人の一人で、いつも刺激されます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]ユーザビリティに配慮したドロップダウン型のナビゲーションを実装するチュートリアル
