SELECTED ENTRIES
CATEGORIES
RECENT COMMENTS
ARCHIVES
MY BLOGs
BOOKLOG
twitter
chinobooをフォロー!?
MOBILE
qrcode
PROFILE
OTHERS

07
--
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
--
>>
<<
--

diary - HeKoKi

ちのの日記っす
1/24 DOCTYPE付加ひとだんらく
先月から続いているwebページの調整作業、あれからも水面下でずっと進んでいます。

関連日記→1/7 フォントサイズに辟易

1/7時点の日記では、フォントサイズを80%という設定にすることでWindows上のIEでも文字の大きさがそこそこ許容範囲になるということで、スタイルシートをその設定にしたと報告していたんですが、その後、コメントでの情報もあって、いろいろと調べた結果、

 ・フォントサイズは small, large...などを使ったほうが良さげ
 ・DOCTYPE宣言をするとWindows上のIEでの表示が良くなる(私の感覚)

ということが分りました。smallの文字設定をしてもWindowsのIEではでっかい文字になってしまっていたんですが、それはDOCTYPEを指定していなかったから…ということだったらしい…ということが分ったわけです。

それが分ったことで、またスタイルシートの書き直し。
さらに、書類にDOCTYPE宣言文を挿入しなくてはならなかったので、「すべての書類を直す」ことに。そして、作業中に気がついたこともあり、いろいろと修正作業が増えていました。

この2週間、ずっと作業して、やっと「ボクいち」(ファンサイト)と、「ちのがめ夜更かし日記」(ゲームサイト)の全ファイルを修正し終わりました。本家のファイルはまだ手つかず。それでも、本家の過去コンテンツは参照する人もそれほど多くないので、放置してもさほど影響なさそうなのでこのままにしてしまうかも…(をい)。


DOCTYPE宣言文を入れたことで気がついた大きな事実は、

 table, tr, tdの設定は、入れ子のtableに「継承される」こと。

たとえば「右寄せ」設定のtdの中にtableを作った場合、中に入っているtableのtdがすべて「右寄せ」になるのね。DOCTYPEを指定するまではIE/Windowsでもそのような動作はしなかったし、DOCTYPEを指定した後でも、IE,Safari,Firefox/Macintoshではそのような動作はしない。でも、1つでもその動作をするなら修正する必要があるわけで……。

(最初はこの事実に気がついていなかったので、書き込みが中寄せになった掲示板や、全体が右寄せになった読み物ページに遭遇してしまった方もいるのでは…? あれにはこんな事情があったわけです…)

この、「tdのスタイルの継承」は、tableを入れ子を多用してページデザインをしてきた私には影響が大きかった…。スタイルシートを駆使すればtable入れ子も解消できるのだけど、今まで作ってきたページをすべて「書き直す」には工数がかかりすぎるので、結局は、スマートとは言えない「align設定のないtdには全部 left指定をいれる」という処理をすることに…。ファイル容量も増えるし、ブラウザにも負担をかけているのかもしれないけど、仕方ないですよね…。

新しく作るページでは、スタイルを使ってなるべく表の入れ子を減らさなくてはね。

そんなわけで、以前に作ったデザインと同じようなデザインを作って比較。1pxの矩形でコンテンツを囲いたいためにtable3段階の入れ子をさせる必要があった…という例。

 >FFX-2のプレイ日記 (表の入れ子(3段重ね)で作ったデザイン)
 >Rivenのプレイ日記 (表は使っているけど入れ子にしてないデザイン)

まだまだ洗練されたスタイル設計にはほど遠いと思うけど、やっていくうちにコツがつかめていくんじゃないかと…。


本家のページも少しずつ修正していきたいとは思うけれど、これ以上続けていると肩こりがヒドくて吐き気までするようになっちゃったので、しばしお休み。

表紙だけはスタイルシートをなるべく使うようにして修正してみたりしました。が、まだ表は使ってますけどね。


ところで、Firefoxだと、HTMLタグに直接 style属性でスタイルを設定しても反映されないことも分りましたよ。ブラウザごとの違いもいろいろ分って面白い体験でありました。
| web | 09:43 | comments(5) | trackbacks(0) | - | - |
1/7 フォントサイズに辟易
年末にボクいち(B'z/surfaceファンサイト http://chino.boo.jp/)の移転作業をしたときに、サイト全体のフォントサイズに変更を加えてみました。WindowsとMac(解像度の違い)、ブラウザのデフォルトサイズの違いなどで、どうしても見え方が変わってしまう文字の大きさ…。いろいろと試した結果、今回は「80%」という指定を使うことにしました。

思えば最初に使ったのがポイントやピクセルでの指定(10pxとか10ptとか)。これならどの画面でも同じに見えるだろう…と思ったら大間違い。おまけに、ユーザ側で文字の大きさを変更できない(出来るブラウザもあったけど)、ということもあってボツ。…ボツと言っても、迷路化している我がサイトでは全部の設定をいっぺんに修正できずに今でもどこかに残っているかも。

その次に使っていたのが相対的な大きさ指定(smallとかx-smallとか)。これならユーザ側で拡大縮小も出来るし、ある程度「小さめな」文字がでる。

が、久々にWindowsマシンを購入して自分のサイトを見てみたら、これも幻想であったことが判明。Winマシンで見ると文字がでかくてデザインが崩れる崩れる……(涙)。こんな状態のサイトをずっと皆さんに見続けさせてきたかと思うと申し訳ない…。

そして今回使ったのは「80%」。
普通の設定よりちょっと小さい…って感じ?
皆さんのブラウザではどんな感じに映ってるんでしょう?(この日記も本文は80%の設定)

これに気がついたのは、新しく借りたサーバ、ロリポップのblogのcssを見たとき。MacでもWinでも比較的同じような感じに見えて、「おっこれだ!」と。
ボクいちのほうはサイト全体を移転ついでに全部のページを調整完了。

そこで、「ついでに本家のほうもやっちゃおう!」と思ったら大変なことになってます。
なにが大変って、

 <FONT size="-1">

という指定がものすごく多い。そう、そもそも「少し小さめの文字」で見せたいというのは1996年にサイトを始めてからずっと思っていたこと。なので、cssなんかがなかった時代には、font sizeで1段階小さいものに…というふうにしていたわけです。これが 80% という指定と相容れない。いや、相容れないというのか、むしろ-1の指定のほうが何の指定もしていないものよりも大きな文字になったりする。単位が違うんだからしかたがない…。

すべてのページに、サイト全体のデフォルトcssを読み込ませるように変更すれば楽なのだけど、このfont指定があるからこれを消さないと以前より汚いページになってしまうこと必死。


…このfont指定を一気に削除する方法ってないんでしょうかね(涙)。
| web | 14:45 | comments(13) | trackbacks(0) | - | - |
10/27 webデザインとゲームと
日記がおろそかになってま〜す。
って、いつものことか。

このところの私は、久々にサイトの作成をやっています。
B'z/surfaceファンサイトの「ボクいち」が入っている無料サーバが
自動で広告を挿入する仕様に変わってしまって、
むか〜〜〜っとして、別のサーバに移ることを決意。
借りたのは有料サーバだけど、サービスもしっかりしていそうなところ。

で、今のサイトをごっそり移動しようとしているところ。

デザインの骨子は変えたくないのだけど、
数年の間にごちゃごちゃになっていたコンテンツや
cssをすっきりさせようと思い、ちまちま作業。

あ〜、めんどい。


それだけやっていれば3日間ぐらいでできそうな量だけど、
相変わらずゲームにもハマっているので(笑)
なかなか進まないというわけ。



それにしても、久々にHTMLやらcssの見直しをしているんだけど
また新しいことがいろいろ分かってビックリ。
いやぁ〜、勉強不足だなぁ〜と実感。

とはいえ、またもや、自分が使う機能だけを調べて終わりそう。
ま、だいたいのプラウザで、内容が分かる程度に表示されればいいや。
はっはっは。

…そろそろモバイル対応も考えたほうがいいのかな…?
あ〜、面倒だなぁ〜。
| web | 09:48 | comments(0) | trackbacks(0) | - | - |
9/13 スパム
「ありえね〜っ!」
…と言えば、最近のスパムメールの多さ!
ここ数ヶ月で件数が2倍ぐらいに増えました。
1日に150〜200通。
たまったもんじゃございません。

うちのプロバイダにもspamチェックプロブラムが
導入されたので使っているんですが、時には
大切なメールがスパム扱いされてしまうこともあり、
プロバイダのスパム判定→即消去
…というわけにも行かず、別フォルダに取っておく…
なんて方法をいろいろ試していました。

ちょっと前には、プロバイダ側のサーバのフォルダに
フィルタで振り分けるという方法を試していたんですが、
この週末、2日半家を空けたら………

メールフォルダの保存可能件数を超えてしまいましたよ(涙)。


そんなわけで、昨日は名古屋から帰ってきてから
メールサービスの機能をいろいろと研究し、
スパムの疑いのあるメールは某無料メールアドレスに転送、
それ以外は普通にpopで受け取る+gmailに転送、
という方法で落ち着きました。


これでやっと携帯からのメールのチェックが普通にできるようになったわ。
普通のメールも携帯から読めるようにしてあったんだけど、
スパムが多過ぎて、ページをめくるだけの無駄な作業が多過ぎて
使いづらかったんですよね(パケットも増えてるだろうし…)。


メールアドレスを常にオープンにしておきたいというのが
私の主義なので、スパムが来るのは仕方ないとあきらめているんですが、
それにしても数が多過ぎです…。どうにかならないのかしらね…。


あ、そうそう、最後に業務連絡〜。
私に送ったメールに全然返事が返ってこないな〜という場合、
スパムと判定されてしまっている可能性もあります。
おかしいな〜と思ったら、件名を変えたりして再送してみてくださいね〜。
よろしくです。
| web | 10:19 | comments(0) | trackbacks(0) | - | - |
8/14 RSS
お盆ですね〜。
暑いけど、ここ数日は雷雨などあったり、風も吹いてたりと、
エアコンつけなくても耐えられる日が続いてます。
なんとなく、子供の頃に経験していた「夏休み」って感じ。
午前中の涼しいうちに宿題(ないけど(笑))しなくちゃ〜(笑)。


ところで、今日の話題はRSS。
MacのOSをTigerにしたら、SafariがRSS対応になりました。RSSの略はいろいろとあるみたいだけど、サイトのサマリーを発信してくれる…という仕組みらしい。最近のblogでは、ほとんどがサマリーを用意してくれているらしい。

ユーザー的にうれしいのは、「更新したサイトが一目で分かる」こと。RSS対応のサイトをブックマークに入れておくと、ぱっと見ただけで、どこのサイトが更新されているのか一目で分かる。毎日、更新されているかどうかわからないサイトを自分から回らなくてもいいというわけ。

そんな訳で、読んでいる日記や情報サイトでRSS対応になっているところはブックマークに入れて「更新されたところだけ読む」。

便利〜〜〜〜っ!


で、コレが便利だと思ったことで、自分の日記もRSS対応にした方がいいのか……と思い始めている今日この頃…。でも、貸しblogにはしたくないんだよね…。あ〜どうしよう。今の日記CGIをRSS対応にする…なんてことは、やっぱり難しいんだろうなぁ……。
| web | 10:45 | comments(0) | trackbacks(0) | - | - |
<< 2/2