文字サイズを7段階に変化させる機能追加

[ガラケー版(QRコード)] 総閲覧回数:3,629,446回 / ブログ拍手:2,145
作品DB等各サービスの機能追加情報や、技術系・面白系記事を中心に提供。
記事の投稿は基本Twitterでも告知させて頂いています。
連絡は作品DBの論客の方なら私書、DB外ユーザの方ならメールTwitterで可能です。
アクセス記録[推移 / PV内訳(過去1日 / 過去1週間) / 外部アクセス元 (昨日 / 過去1週間) / ログイン論客足跡]
プロフィール私書(メール)
   /   /送済
評価(一覧   /)
投票   /共:   /
ファン登録
作品/情報/
DB構築()
ブログ
[書く]
攻略記事リンク集
My Play List
<=新記事2009/10/30 皆声.jp::ブログランキングを正式公開 & ランク1位のGIGAZINE様に取り上げて頂き感謝!
=>古記事2009/10/25 作品DB10周年粗品へ応募して頂いた方への送付作業終了

1.
2009/10/25 同日2番目 作品DB開発/運用 > 文字サイズを7段階に変化させる機能追加」
[この書込みのみ表示(記事URL紹介用) / 編集 / 削除 / トラバ送信 / 共有分類に追加(タグ付け)]拍手:6個

とりあえず実験投稿。

grozyさんに文字のサイズの変更をもっと細かく出来ないかとご要望を頂いたので、考えてみれば結構HTMLの基本な機能で、実装もすぐできそうだったので、文字のサイズを7段階指定できるようにしてみました。

↓の例はタグにしない為にスペースを入れていますが、
<sizeプラマイ数字>○○</sizeプラマイ数字>
とすることで文字のサイズが変わります。
PC版では特殊機能利用補助のところにも加えてあります。

< size-2>文字サイズ< /size-2>
< size-1>文字サイズ< /size-1>
文字サイズ
< size+1>文字サイズ< /size+1>
< size+2>文字サイズ< /size+2>
< size+3>文字サイズ< /size+3>
< size+4>文字サイズ< /size+4>

ちなみに上は相対数字ですが
< size1>文字サイズ< /size1>
< size2>文字サイズ< /size2>
< size3>文字サイズ< /size3>
< size4>文字サイズ< /size4>
< size5>文字サイズ< /size5>
< size6>文字サイズ< /size6>
< size7>文字サイズ< /size7>
という絶対数で書くこともできます(3がデフォルトの文字サイズです)。

活用例
(-◇-;) < どんだけ~
(-◇-;) < どんだけ~
(-◇-;) < どんだけ~
(-◇-;) < どんだけ~
(-◇-;) < どんだけ~
(-◇-;) < どんだけ~
(-◇-;) < どんだけ~

ヘルプにはこれから記載予定。

コメントする6個


grozy さんのコメント (2009/10/29) [編集/削除(書込み者/所有者が可能)]
あ、お忙しそうなんで、返事しなくてもいいですよー。
もう十分なことをしてもらいましたし!
ありがとうござーー!←何故ドップラー?
管理人さん さんのコメント (2009/10/29) [編集/削除(書込み者/所有者が可能)]
ああ、すみません、本当はgrozyさんのところに感謝のコメントをしにいこうと思っていたのですが、今週は明日らへんに正式リリースを目指している機能があって(作品DBではなく皆声.jpの方なのですが)、そっちにかかりっきりで作品DBの方に時間が取れず、ご丁寧なコメントを頂いたにも関わらずまだコメント返せていませんでした。
時間が出来たら返しに行かせて頂きますのでご容赦の程を... & 便利な機能のご提案ありがとうございました。
grozy さんのコメント (2009/10/29) [編集/削除(書込み者/所有者が可能)]
管理人さん、気付くの遅くてすみません!
いや、ホント細かいところに目がいかないやつでして・・・・
どういうずさんな着眼の持ち主なんだと自分でも思いました・・・(汗)

でもめっちゃ嬉しいです!楽しいです!
いやあ、やっぱ、ここのサイトのが使いやすい(笑)

というわけで、またながなが居座りそうな感じでひょっとしてアレだったら
すみませんが、これからもよろしくお願いします!

・・・ていうか、管理人さん、俺の日記読んでくれてたんだ・・・・・・・・・
おおーーーーー。俺なんかの日記を・・・・・


ありがとうございました!
えぼだいのひらき さんのコメント (2009/10/26) [編集/削除(書込み者/所有者が可能)]
文字の大きさは変わっていなかったのですか。
ほんの少しの違いで随分感じ方が違うものなのですね。
我が儘な申し出に対し、お忙しい所、早々にご対応戴きましてどうもありがとうございました。
管理人さん さんのコメント (2009/10/26) [編集/削除(書込み者/所有者が可能)]
> えぼだいのひらき さん

なるほど...ということで行に対する高さ指定するように戻しておきました。
行高さ指定を解除しないとこの機能の実装が出来ないかなと思って行の高さの指定を解除したのですが(こちらのサイトでは通常の無指定の状態よりも行の高さを1/4増しにしている)、そうしなくても出来る方法があったので、元に戻しておきました。

文字のサイズは変えていないので、恐らく行の高さ指定で生まれた行と行の間が、文字のサイズに対する錯覚を生んでいたということではないかと思われます
(行と行の間がより広くなる→文字が読みやすい→実際より文字が大きく見える)

また、ブラウザーによる差というのは、こちら側で指定しなくても、Firefoxだと行と行の間にIEより多く幅を取っているということなのではないかと思われます。
ちょっとしたそうした差がユーザーに見やすさに対する違和感を感じさせるのですね。

雪霞さんも昔Googleの検索結果が見やすいのは、Yahooに比べてどこかの幅があるとおっしゃっていたような...
と見てみたら、その時の指摘されたものと同じか分かりませんが、とりあえず行と行の間にかなり差がありました。
なるほどこうしたところがユーザーに無意識で見やすい検索結果とそうでないものの差を生ませているのかも。
Googleの検索結果は単にシンプルだから見やすいというだけではなく、文字のレイアウト的にもユーザーに対してYahooより見やすくなるようになっているってことかな。

ご指摘ありがとうございました
なお、HTML系(評価の全ての系統)のところは、定期更新で再生成が再度されるまでは変わりません。

> 雪霞さん
自分はあんまり文字サイズの遊び心がありませんが、上手く活用して頂ける人には上手く活用して頂けるかもしれませんね。
えぼだいのひらき さんのコメント (2009/10/26) [編集/削除(書込み者/所有者が可能)]
おはようございます。
お邪魔致します。

こちらの日記の機能変更と直接関係があるのか判りませんが、昨日から画面全体の文字が小さくなって行間も非常に狭くなってしまいました。
私自身はインターネットに詳しくないので、細かい事は解らないのですけれど、お詳しい方からの情報によりますと、「Firefoxでは昔どおりなのに、Internet Explorerで見ると行間が狭くなっている」との事です。
(我が家のインターネットの環境は「Windows Internet Explorer」です。)

変わってしまった画面は全体的に圧迫感があり、かなり見難い様に感じられるので、出来ましたら以前の仕様に戻して戴けると大変助かるのですが・・・
お忙しい所、誠に申し訳ございませんが、どうぞ宜しくお取り計らい下さいます様、お願い申しあげます。
雪霞 さんのコメント (2009/10/25) [編集/削除(書込み者/所有者が可能)]
これはいい機能ですね。
<+3> は 従来の < big> と似ているけれどややサイズが違うようなので、
両方掛け合わせるともっとバリエーションが広がるのかなと思います。


[他の記事も読む]
<=新記事2009/10/30 皆声.jp::ブログランキングを正式公開 & ランク1位のGIGAZINE様に取り上げて頂き感謝!
=>古記事2009/10/25 作品DB10周年粗品へ応募して頂いた方への送付作業終了


大分類が「作品DB開発/運用」の記事
この論客の記事全て
RSS購読
RSS
ブログ表示スタイル
リスト/携帯(QRコード)
画像/動画/音声/リンク
表示開始年月
分類
全て
1.このサイトについて
2.作品DB開発/運用
3.ホームページ制作技術
4.Perl
5.C言語 / C++
6.検索エンジン&SEO
7.サッカー
8.自分のこと
9.Linux
10.旅行
11.思ったこと
12.パソコン
13.Berkeley DB
14.その他技術系
15.企画
16.スマートフォン
17.鑑賞
18.皆声.jpニュース
19.インターネット業界
20.運用マニュアル(自分用)
21.技術系以外実用書
22.料理
23.ALEXA
24.アニメ
25.会計
26.漫画
27.設計書
28.色々サイト作成
29.サーバー
30.自分専用
31.生活
32.OP/ED/PV
33.ゲーム
34.DB整備
35.新規開始作品紹介
36.英語圏の話題
37.大道芸
38.映画
39.PHP
40.ダイエット
41.Mac
42.JavaScript
43.MySQL
44.介護
45.作品DB作品追加作業
46.BI
47.Web API
48.パフォーマンス
49.インターネットの活用方法
50.Riak
51.Androidアプリ開発
52.Cassandra
53.スパム
54.写真
55.iOSアプリ開発
56.AWS
57.マーケティング
58.Web漫画
59.法律
60.mongodb
61.開発環境整備
62.Google Apps Script
63.meteor
64.Pentaho
65.Ansible
66.VPS
67.技術書メモ
68.Vagrant
69.Docker
70.dokuwiki
71.Apple Watch
72.Webサービス
73.セキュリティ
74.Elastic Search
75.Wordpress
76.クラウド
77.英語
78.MVNO
79.シンガポール
80.マレーシア
81.管理人さん
82.管理人さん
日記の主な内容
サイト運営/開発
検索エンジン情報
・技術ネタ(Berkeley DB,
Linux, Perl, サイト作成)等

サイト管理
全まとめ
サーバー管理
定期処理状況
開発予定
削除提案
作品追加依頼
OP/ED追加依頼
OP/ED not found
作品提案承認欄

格言 fromスクライド
この世の理は即ち速さ
20年かければ馬鹿でも
傑作小説を書ける

助けられたら助け返す
それが俺のルール

強くなるには
一番弱い考えをする事だ
そしてその考えに反逆する




右側に何か入れてみるテスト


仕事でのサイト
介護DB
Helpyou
Doctor career
Nurse career
上へ ↑上へ 最速検索作品DB皆声