html { font-size: 62.5%; } は嫌いだ - デフォルトを変更するのは悪手です - Qiita
font-size: 62.5%;というテクニックがありますよね デフォルト値に手をかけるので、超絶嫌いなテクニックのひとつです なのにですね、あちこちで超見かけるんですよ。 検索かけても「便利！」という言葉がたくさん並んでいるんです。 超嫌いなんですが、いったいどこから湧いたテクニックなのかわからない。 そこで、時間を見つけて調べようと思って、タイトルを書くだけ書いたら1年溶けてました そろそろ廃れる頃合いだと思うのですが、現在Webサイト制作の勉強をしている初学者間では、いまだにメインストリームを歩んでいるっぽいので、流行りに乗り遅れたなあと思いつつ、つらつら調べてみました。 html { font-size: 62.5%; } の概要 フォントサイズをピクセルで指定した場合、ユーザーがブラウザ設定でフォントサイズを変更していてもフォントの大きさは変わりません。 はっきり言ってアクセシ
ホームページ作成 文字の大きさ(サイズ） 大 中 小 - ホームページ ロゴ 制作 デザイン ブログ
ホームページ作成 文字の大きさ 大 中 小 の文字サイズについて考える。 群馬県太田市で活動するホームページ制作ＺＥＲＯＣＲＥＡＴＯＲＳです。 本日もどうぞよろしくお願いします。 考えるきっかけになったのは、株式会社キノトロープ 生田会長 成功の法則の動画を見て。 参考ＵＲＬは、株式会社キノトロープ 生田会長 成功の法則の動画 文字サイズ変更ボタンは、ホームページのヘッダー右上などにある事が多いです。 ホームページを作成する際、誰に向けて情報を発信するホームページなのか？という目的によっては文字のサイズを考慮する事も必要といわれてきた。 文字サイズをネットユーザーの手で可変させるナビゲーションは、公官庁や市役所など誰でもが閲覧するホームページに使われている事が多い。 私も、文字サイズを可変できるホームページを何度も触った事はある。 文字サイズをユーザー自らが選べる配慮するホームペ
文字拡大/縮小機能の実装を外しました｜ウェブユーザビリティ向上を支援するWebsite Usability Info
コラム記事「Webページにおける文字の拡大/縮小機能」で述べたように、当サイトでは、グローバルナビゲーションエリアに[文字拡大]、[縮小]、[標準]というリンクを設けて、文字（テキスト）のサイズを任意に設定できるようにしていました。 ブラウザの文字拡大機能が一般ユーザーに意外と知られていなかった（ブラウザのメニューの中に隠れていて認知度が低かった）ことへの対策として、それなりに意義があったと思いますし、「文字拡大/縮小機能を使うときは代替手段も明示する」で述べたような、JavaScriptが使えない環境のユーザーへの配慮もしていたので、アクセシビリティ対策としては、悪くないソリューションだったと考えています。 しかしながら当サイトでは、熟考を重ねた結果、このたび、この文字拡大/縮小機能の実装を外すことにしました。理由は、以下の通りです。 「Webページにおける文字の拡大/縮小機能」で述べ
フォントサイズを調整するJavaScript「fontScaler」
twitter facebook hatena google pocket フォントのサイズをユーザーが調整できるサイトは多いですが、大中小と制作者側で決めてしまってよいのでしょうか？ jQueryプラグイン「fontScaler」は+-でも調整が可能です。 sponsors 使用方法 fontScalerからファイル一式をダウンロードします。 <link rel="stylesheet" type="text/css" href="jquery.fontSizer.css" media="screen" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.fontScaler.js"></script> <script ty
心理的なコントラスト効果 (ユーザビリティ実践メモ)
非常に高価なA商品を見た後に、それよりは安価なB商品を見ると、普段なら手が出ないB商品が安く感じられることがあります。 ウェブ上でもこのコントラスト効果を上手く利用することで、ユーザをビジネスゴールへと効果的に誘導できる場合があります。 例えば、「お問い合わせ」と「資料請求」という2つのボタンを並列に並べると、「資料請求」ボタン単体の場合に比べて「資料請求」ボタンがクリックされやすくなることが弊社のユーザビリティテスト（ユーザ行動観察調査）でも観察されています。 この場合、「お問い合わせはちょっと面倒だけど、資料請求だけならまあいいか」といった考えがユーザの心の中で働くようです。つまり、「お問い合わせ」との対比で「資料請求」が簡単に感じられるのです。 ユーザをビジネスゴールへと誘導していくための一手段としてコントラスト効果も考慮にいれると良いでしょう。 ただ、このコントラスト効果をユーザを
IEの「文字のサイズ」は通常どれに設定していますか ? (関連質問:http://q.hatena.ne.jp/1110376466)
IEの「文字のサイズ」は通常どれに設定していますか ? (関連質問:http://q.hatena.ne.jp/1110376466)
ウェブのテキストがもっとも読みやすい文字色と背景色は？ | POP*POP
1997年の研究ではありますが、「ウェブ上のテキストがもっとも読みやすいのはどういうとき？」なるものが紹介されていました。 » Web page readability: Green text on yellow works the best この研究では、フォント、色、スタイルをいろいろ変えてどの組み合わせが読みやすいかを調べたようです。 いくつか参考になりそうな結果があったのでご紹介していきます。 では早速その研究結果から。 もっとも読みやすかったのは「黄色の背景」に「緑の文字」だそうです。ただしフォントが斜体のArialのときはこの組み合わせは最悪だそうです。 Times New RomanのほうがArialより読みやすい。 フォントも合わせて考えると「Times New Romanで、斜体で、黄色の背景で、緑の文字」が一番読みやすかったそうです。 ↑ こんな感じですね・・・。 「グ
第10回 文字のサイズとブラウザの違い 〜「はてなダイアリー」で起こった問題点：ITpro
今回は，先日筆者の勤務するはてなのサービスの一つである「はてなダイアリー」で起こった，使いやすさに関する問題を取り上げてみたいと思います。使いやすさの向上のためにデザインを変更したところ問題が発生し，それをプログラミング言語であるところのJavaScriptを使って解決した，というお話です。 その問題とは，「文字の大きさ」に関するものです。 ブラウザには，文字のサイズを変更する機能が用意されています（図1）。例えばInternet Explorer（IE）なら「表示」メニューの「文字サイズ」から「最大」「大」「中」「小」「最小」の五つの段階を選ぶことができます。Firefoxも「表示」メニューの「文字サイズ」から選ぶことができますが，「大きく」「小さく」というメニューになっており，より自由に表示サイズを変更することができます。 図1：ブラウザでは文字サイズを変更できる ちなみにOperaは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォントサイズはどうすりゃいいの？ | coquille
「ブラウザの文字サイズ最大」が半数以上? | 水無月ばけらのえび日記
http://blog.webneta.net/archives/2006/08/29/22/
株式会社イワタ