タブ式のスライドウィジェットを簡単作成できるjS「jFlow」:phpspot開発日誌
jFlow 1.2 - The Ultra-lightweight Fluid Content Slider for jQuery | Keansphere jFlow is a widget to make your content slides. タブ式のスライドウィジェットを簡単作成できるjS「jFlow」 単なるタブＵＩではなく、ページの切り替えにスライドアニメーション機能を加えたというもの。 デモはかっこうわるいプレーンな感じですが、CSSでデザインすれば使えそうです。 利用にはjQueryが必要。 関連エントリ JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」 jQueryでクールにアニメーションするメニューを実装するチュートリアル
タブの制作で注意すべきこと (ユーザビリティ実践メモ)
このエリアで迷ったユーザの典型的な行動例を以下(1)から(4)のステップでご説明します。（下図とあわせてご覧ください。） (1) 初期状態の「タブA」から、「タブB」をクリックした。 (2) 「タブB」内に表示された「リンク４」をクリックし、ページ遷移した。 (3) 遷移先ページを閲覧した後、(2)で見えていた「リンク５」や「リンク６」も気になっていたため、ブラウザの「戻る」ボタンをクリックした。 (4) 戻ったページでは、タブが初期状態の「タブA」になっていたが、ユーザは気付かずに「リンク１」や「リンク２」をクリックしてしまった。 (4)の場面で、ユーザはさきほど選択した「タブB」の内容が表示されていると思っていたため、実際にどのタブが選択されているかということに注意を払っていませんでした。 上記例のような混乱を防ぐためには、切り替えたタブをページ遷移後も記憶するように制作した方が良いで
スクロールバー＋タブ？新しいインターフェース『Scrolltabs』って何だ？ | POP*POP
Worrydreamのサイトで新しいインターフェースの提案がされていました。その名も「Scrolltabs」。スクロールバーとタブを一緒にしたものです。 スクロールバーもタブも便利ではありますが、一般的にスクロールバーは右横に、そしてタブは上部に配置されています。 それよりもスクロールバーとタブを横に一緒に並べて上下のマウスの動きだけで操作した方がよいのでは、という発想から生まれています。 詳しい使い方を以下にご紹介。 ↑ まず画面が一つしか開いていない状態。肌色のバーがスクロールバーです。 ↑ コントロールキーを押しながらリンクをクリックするとタブが増えていきます。 ↑ タブで開いた複数の画面が上下に並びます。ちょっと便利かも？ ↑ タブの削除はタブを左側にドラッグするだけ。ドラッグするとゴミ箱アイコンが出てわかりやすいですね。 タブという概念がまだ一般的ではないのですぐに普及するわけで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『Dezinerfolio流』自動的に横幅を調節してくれるCSSタブメニューの作り方*ホームページを作る人のネタ帳
