Stu Nicholls | CSSplay | CSS only menus
Latest Menus A CSS TREE-MENDOUS menu 20-12-2023A CSS only tree menu with open/close transitions using :has(). With all levels as links. The NEW CSS tree menu v3 12-12-2023A CSS only SLIDEDOWN tree menu with open/close transitions using popover and buttons. With all levels as links. The NEW CSS tree menu v2 09-12-2023A CSS only SLIDEOUT tree menu with open/close transitions using popover and button
長～いページもスッキリ！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
タブUI詳解
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル
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ページを開く
http://www.whiteroad.pt/res/wizard-tabs-example.html
はてなブログ | 無料ブログを作成しよう
[JS]ユーザビリティに配慮したドロップダウン型のナビゲーションを実装するチュートリアル
[CSS]スタイルシートで実装するナビゲーション集 -CSS Menus | コリス