リンクの色によって、訪問済みなのか否かの判別を出来るようにするってのは、ユーザビリティ的には必要なことだとは思う。そう言った意味では、拙サイトなんかは全くもって許し難い設計な訳だけど、まぁそれは置いておく。んでもって、ただ色を変えるだけではなく、画像を使ってもうちっと視覚的に分かりやすくするのもありなんじゃないのかなぁって思ってみた。そして、サンプルを作ってみた。 visited_link_sample.html サンプル内のリンクが既に訪問済みであれば画像がチェックマークに変わるはず。CSS は下記のような感じで、a 要素に対してそれぞれ a:link、a:hover、a:visited で一つの背景画像の位置を変えることで見せ方を変えている。 li a { padding-left: 25px; line-height:180%; background:URL(mark.png) no
Create Resizable Images With CSS | Smiley Cat Web Design I'm a big fan of layouts that still work if a user increases their browser's text size. テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック 方法1 次のDIVがあったとして、 <div class="resize"></div> 次のCSSを適用します。 .resize { background: url(image.jpg) -130px -140px no-repeat; border: 3px double #fff; float: left; height: 12em; margin: .2em 1em 1em 0; width: 12em; } すると、文字サイズを変更
日経ソフトウェア3月号 https://www.amazon.co.jp/dp/B000MDH3FU 思うところあって購入。 「Webプログラミング実力アップ講座」と、付録の「Webプログラミング入門ブック」の二本立て。 付録の方は過去記事の再掲だけど、ずっと読ん… 他人の USB メモリを挿す時は Shift キーを押しっぱなしにする(ウイルス感染対策) 【注意】この日記に書かれている内容は不正確である可能性が高いです。詳しくは「autorun.inf では USB メモリは自動起動しない?」をご覧ください。誤っていると想定する箇所には取り消し線を入れています。 とある人の話。 Window…
何かサービスをつくったときにはなるべくユーザーの声に耳を傾けたいものです。しかしながら闇雲にユーザーの声を取り入れているとわけがわからなくなってしまいます。 そこで今回はTara Huntさんのブログから「ユーザーのフィードバックをサービスに反映させるときの12の指針」をご紹介します。Taraさんは画像認識ベンチャーのRiyaにもかかわっていらっしゃったようですね。 どういったフィードバックを反映させるべきで、どういったものは反映させるべきではないのでしょうか。サービスの開発をされている方にはかなり参考になるのでは・・・では以下よりどうぞ。 上級者ユーザーの意見は聞くべきだが、(あまり)反映すべきではない。 上級者のためにサービスを設計すると普通の人が使えなくなります。そして普通のユーザーの方が上級者ユーザーよりずっと多いことを知るべきです。 普通のユーザーは何が欲しいのか教えてくれない。
ブログの世界でも「ユーザビリティ」の話題をよく見かけるようになりました。ユーザビリティとは、ソフトウェアやWebサイトの「使いやすさ」や「わかりやすさ」といった意味で「ユーザビリティが高い⇔低い」などと使われます。 また、ユーザビリティは時代とともに「Web技術の進歩」「利用者の環境」によって変化することもあります。性別によっても「使いやすい」と感じる要素には違いがあり、女性は色やデザイン、男性は機能面を重視するようです。 では、個人のブログではどのような事に配慮すればよいか、具体的に 7つに絞ってみました。 ブログユーザビリティ新・7つの法則 法則その 1:何のブログかどんな人が運営しているか書く ブログの説明、簡単な自己紹介を見やすい場所に掲載する 類は友を呼びます。 法則その 2:リンクであることをわかりやすくする テキストリンクにはタイトルや具体的な内容を記載する 悪い例:「ここ」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く