タブUI詳解
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル
フォーカスイベントとタブ切り替え - higeorange's blog
input や textarea にフォーカスがあったってる状態でタブを切り替えたときに focus, blur イベントがどのように起こるか各ブラウザを調べてみた。 テスト内容 テストページ ページには input[type=text], textarea, button が並んでる。 各要素はフォーカスすると 要素名を書き出し、フォーカスが外れると 要素名: blur と書き出すようになっている。 やったことはテストページと別のページを開いておき、input or textarea or button のいづれかの要素にフォーカスした状態でもう一方のページに切り替え、テストページに戻るというテスト。ページの切り替えはタブバーを使った。 テストしたブラウザは IE 7, Firefox 3.0.6, Opera 9.64, Safari 3.2.2 の 4 つ。いづれも Windows
Latest topics > リンクから開かれた新しいタブでも「戻る」を使えるようにするTab Historyがイイ - outsider reflex
Latest topics > リンクから開かれた新しいタブでも「戻る」を使えるようにするTab Historyがイイ 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 劣化品 Main 危険なアドオン、悪意あるアドオン、低品質なアドオン » リンクから開かれた新しいタブでも「戻る」を使えるようにするTab Historyがイイ - Dec 03, 2008 Firefoxタブ常用者のための最新エクステンションガイド - SourceForge.JP Magazine で「ツリー型タブを入れてるとTab History が無効になる」と書かれてたので「なに！」と思って入れてみたんだけど今の所特に不具合無く動いてるように見える。一応ソースも見てみたけ
Firefoxタブ常用者のための最新エクステンションガイド | OSDN Magazine
Firefoxエクステンション（拡張機能）の数は増え続けている。前回、タブ関連のエクステンションについて書いたのは1年前だが、そのときには110種類ほどだった。Firefox 3.0との互換性確保のためにリライトを要するものも少なくないが、今やタブ関連のエクステンションは190種類を超え、選択の幅はさらに広がっている。基本的な機能、色分け、タブバーの配置、起動時の自動展開など、必要なものは何でもFirefoxアドオンサイトに行けば見つかるはずだ。 タブ関連のエクステンションの大多数は、Firefoxのデフォルトのタブに機能を1つか2つ加えたものだ。たとえば、 Open Link in… は、新しいリンクをバックグラウンドまたはフォアグラウンドのタブで開くか、別のウィンドウで開くかを選べるようにするだけのエクステンションである。ちょっとした機能の追加という点では Tab History も同
空白類文字についての補足・及び言及への返信 | Blog hamashun.com
前回の記事、li要素などを改行すると、要素と要素の間に半角スペース分の余白が現れる件について調べてみた。 | Blog hamashun.comを書くために空白類文字について調べたら、記事に必要な内容以上の知識を得ました。 また、ブクマコメントで言及を頂いたので、続編記事を書きます。 連続した空白類文字 ユースケさんのブクマコメントの内容です。 ちなみにどんなに改行や空白が連続してあっても、1つの空白として認識する（はず。あんまし覚えてないけど確かそうだったはず） はてなブックマーク - yu-suke＠double-team.orgのブックマーク / 2008年11月04日より引用 これはHTML4.01仕様書の9.1 空白類の節に載っていて、まさにそのとおりでした。 ここで、ソース文書中で語間に空白類が複数連なっている場合、PRE要素を除いて、レンダリング結果の語間スペース調整は全く異
Beautiful CSS Centered Menus. No hacks. Full cross-browser support.
27 Jul 2008 — Updated 16 Jan 2023 Table of contents Centered Menu Demo How To Center Menus With CSS Centered Menu Examples Centered Menu Features Centered Menu With Submenu Demo How Submenus Work Download A lot of people want centered menus on their website but for the CSS novice, this task seems almost impossible. If you search online you will find a few centering methods but most of these rely o
Tab Mix Plusと同等の機能を持つ拡張機能 - Firefox更新情報Wikiブログ
2024 08 ≪ 09月 123456789101112131415161718192021222324252627282930 ≫ 2024 10 Firefoxを初めて使用するときにTab Mix Plusをとりあえずインストールしておけばいろいろと便利なわけですが、Tab Mix Plusを使い続けていくと一部の機能しか利用していないことに気づくことがあります。 Tab Mix Plus以外にタブ関連のまとめ的な拡張機能はTab Mix LiteやTab Kitなどもありますが、そうではなくTab Mix Plusで利用できる主な機能のうち、同等の個別な機能のみを持つ拡張機能を以下に紹介します。 ■リンク TargetKiller リンクのターゲット指定を無効にする■イベント NewTabURL 新しいタブを開いたとき「空白ページ/ホームページ/現在のページ/指定したURL/ク
タブ上にマウスオーバーしたらサイトアイコンを「タブを閉じる」ボタンにするユーザースタイルシート - flagmeisterの日記
こんな感じのやつ Firefox 2 用 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url(chrome://browser/content/browser.xul) { .tabbrowser-tab > .tab-image-middle { -moz-box-ordinal-group: 10 !important; } .tabbrowser-tab > .tab-image-right { -moz-box-ordinal-group: 100 !important; } .tabbrowser-tab:hover > .tab-image-middle > .tab-icon { visibility: collapse !imp
Opera タブバーを消してみたら案外良い感じだった (kuruman.org > Kuruman Memo)
タブブラウザに必要とされるものはタブという視覚的効果ではない。ウィンドウをやたらと増やさずに複数のウェブページを開くことができる機能だ。従って、ウィンドウの表示領域を広げるためにタブバーを消すという解決策はあながち悪いものではない。……というか、私は表示させない事に慣れた。不便はないし、画面が広くなって満足している。ぱっと見懐かしのSDIブラウザに見えるが、ソフトの中で切り替えられるのだから全く困らない。ただし、人によって相性は多分にあるだろうが。 何故タブバーを消すに至ったか。 私はタブを切り替える順序をタブの表示位置順にしていた。が、その設定を選択していた理由は実に消極的、タブの使用順に切り替える様にするとタブバーの表示順を見てしまい混乱するから、というものであった。 タブの一覧はタブバーに限らず、(Shift+)Ctrl+Tabや右クリック+ホイール回転等といったタブ切り替えのアクシ
高反発マットレスの選び方 | アフィブログに騙されない為の高反発マットレス手記
ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。
CSSとJavaScriptで実装するタブ型インターフェイス37選 -noupe | コリス
noupeのエントリー「37+ Great Ajax, CSS Tab-Based Interfaces」から、CSSとJavaScriptで実装するタブ型インターフェイス37選の紹介です。 37+ Great Ajax, CSS Tab-Based Interfaces 自動で切り替わるタブ型インターフェイス Easy Tabs 1.2 - now with autochange Rotating jQuery tabs example Tab Content Script (v 2.1) スライド式のタブ型インターフェイス Sliding Tabs Coda-Slider Perspective Tabs AJAXを使用したタブ型インターフェイス Ajax Tabs Content Script (v 2.1) 閉じることも可能なタブ型インターフェイス Tab Panels Close
JSタブ切替え応用編 —他ページから直接タブにアクセスする— - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 他ページからそれぞれのタブにリンクすることってできますか？ —タブ切替をサクッと実装, くりはらさんのコメント 確かに便利そうなので、やってみました。ページ内リンクと同じように「なんたら.html#Contents」とかってURLでアクセスできます。意外と簡単～。サンプルは以下の画像から。 考え方 tab.dive = function(){ var hash = window.location.hash; hash = hash.split("?"); hash = hash[0].split("#"); if(hash[1] == 'page2') tab.sho
MooTabs - Tiny tab class for MooTools
MooTabs is a tiny JavaScript class that will help you put together tab navigation on your website. It required MooTools to run.What Is MooTabs? MooTabs is a tiny(3kb) class for MooTools. As the name suggests, it's main purpose is to help out with the creation of simple tab navigation. As of version 1.2, you can also set tab content via an Ajax request. See the documentation below for more info!
14 Tab-Based Interface Techniques | Developer's Toolbox | Smashing Magazine
A module tab is a design pattern where content is separated into different panes, and each pane is viewable one at a time. The user requests content to be displayed by clicking (or in some instances hovering over) the content’s corresponding tab control. A module tab is a User Interface (UI) design pattern where content is separated into different panes, and each pane is viewable one at a time. Th
PuttyTabs - Tabs for PuTTY
Home > PuttyTabs Love PuTTY? Work a lot of time with it? Going nuts while spending ages searching for the right window? Here's a free solution for you! This is what the PuttyTabs does: It reads the Registry information of PuTTY. Open a new terminal window with a click. It displays Tabs for each opened window. Bring the desired window to front with a click. If a PuTTY window is on top, it highlight
53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine
CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is. Over the la
Aging Tabs :: Firefox Add-ons
Aging Tabs 0.7.1 by Dao Gottwald Categories Appearance Tabs Makes unused tabs fade with age and highlights the selected tab... 32 reviews Updated August 10, 2008 6,689 weekly downloads 557,725 total downloads More Images Long Description Makes unused tabs fade with age and highlights the selected tab. (I'm trying to make this work for all different kinds of themes. If it doesn't work for your
Tab Effect :: Firefox Add-ons
Tab Effect 1.1 by s Categories Other Add effects when current tab is changed... 338 reviews Updated January 11, 2007 1,688 weekly downloads 2,694,531 total downloads More Images Long Description Add effects when current tab is changed. this extension uses DirectX 8. Please make bug reports and feature requests at this project's homepage https://sourceforge.net/projects/tabeffect/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Tabbed Breadcrumb Navigation
Download ePub eBook @PARANOID-ANDROIDS.COM