最近ウチの会社の中の人も書いていました、Web サイトのナビゲーションとしてよく使われる 「パンくずリスト」 （Topic Path なんて言い方もしますね） ... 最近ウチの会社の中の人も書いていました、Web サイトのナビゲーションとしてよく使われる 「パンくずリスト」 （Topic Path なんて言い方もしますね） ですが、マークアップの仕方はどういう方法がいいとか、そもそもパンくずリストって必要なの？ なんて話まで、最近よく目にする気がします。 個人的にパンくずリストはサイト ID （ロゴなどですね） に対するトップページへのリンク設定同様の慣習みたいな感覚で、すべての人とは言わないまでも一定の認知はされていると考えていますので、サイト構築の際は基本的に要件に含めるようにしています。 で、今回はパンくずリストが必要か？ とか、パンくずリストのマークアップはどのような方法が妥当か
ちょっと前に パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種（CSS HappyLife）というエントリーが盛況でしたが、今日はパンくずナビゲーションの論理構造面を補強する意味も込めて、(X)HTML マークアップの例を、サイト構造やサイトの目的に応じて、いくつか挙げてみました。CSS の話まで入れると長くなるので、今回は（も？）(X)HTML マークアップに話を絞ります。CSS については、特にセレクタまわりが結構 変わってしまいますが、ひとまず、HirasaWa さんのエントリーなどを参照してください。（気が向いたら、別エントリーを立てますけど、実際に書くかどうかは未定。） 階層型構造（tree structure） ［2006-02-11 追記］ 石川一靖さんより、「セマンティクスを重視するならa要素にrel/rev属性を加えてリンクの関係性を明示するのが
Searching for the UX agency Webcredible? Don’t worry, you are in the right place! The award-winning Webcredible team has joined up with digital agency Inviqa after operating for 15 years as an independent experience design and UX team. The bold decision to become more than a UX agency was done for a simple reason: by incorporating Webcredible’s UX services into Inviqa, we are now able to service c
A designer recently handed me a compact-form design that included the oft-seen technique of putting field names directly inside of the text fields themselves. The typical method of marking this up is to put the field name in the value attribute of each input element. You would then throw in some JavaScript and server-side scripting to make sure that the user didn’t submit the form with the default
さきの２つのエントリーと関連して。 略語に振り回される今日この頃 abbr の title 値を CSS でポップアップ abbr を使わずに直書きするのが最善？ ANOTHER PIECES（id:xcezx さん）の「abbr 要素 その2」というエントリーで、次のようなご指摘をいただきました。（id:xcezx さん、ありがとうございます。個人的にこういう前向きな批判や議論は大歓迎です！） 「CSSを処理しないテキストブラウザや音声読み上げブラウザでは、やはり略語のフルスペルは表示されないよね。」というのがユーザビリティ的な観点から、満点をあげられない理由。 ユーザビリティを考えるなら、小賢しいテクニックなど使わずに、"XHTML (eXtensible HyperText Markup Language)" とかした方がよっぽどいい気がする。 結論からいえば、この指摘は大変ごもっと
Everyone’s doing it. The problem is, everyone’s doing it wrong. Harsh words, you might think. But the crimes against decent markup are legion in this area. You see, I’m something of a markup and semantics junkie. So I’m going to analyse some of the more well-known tag clouds on the internet, explain what’s wrong, and then show you one way to do it better. del.icio.us I think the first ever tag clo
使いやすさ研究所では、「使いやすさ」の様々な情報発信を行っています。使いやすさ研究所は、カタログに氾濫する「使いやすさ」「わかりやすさ」を単なるキャッチ・コピーで終わらせない為の様々なテスト・サービス、開発支援、コンサルティングを行っている株式会社 U'eyes Designが提供する情報発信サイトです。 U'eyesDesignでは、iPhone評価レポートを販売しております。 7/11（金）のiPhone日本上陸に伴い、多くのメディアでの評価が予想されます。それに対し本レポートは、独自進化と揶揄される国産ケータイ文化とその使い勝手に慣れ親しんだ『実際のユーザ』が、どのように感じるのか、発売直後の評価（ショートターム）と1週間ほどの日常使用後の評価（ロングターム評価）の2タームに分けて実施するユーザビリティ評価を通じ明らかにします。 詳しくはこちらをご覧ください。
2017-04-28 RecentDeleted BlognPet 2017-04-27 AozoraVoice 2016-05-08 blog/2005-10-28 2016-05-07 blog/2005-10-27 2015-06-16 FrontPage 2014-10-29 整形ルール 日々の記録/2005-10-27 日々の記録/2005-11-08 日本語 日々の記録/2006-04-01 日々の記録/2006-03-30 日々の記録 日々の記録/2006-01-15 日々の記録/2005-11-01 日本語juice 箱入り娘 日々の記録/2005-10-31 日々の記録/2008-05-08 日々の記録/2005-10-28
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く