よしなしことを、日々徒然に……
※ 2018年以降の記事は、別ブログの方へUPしています ※
新しいブログへは こちら からどうぞ。



 久々にサイトをいじった
2016年06月09日(Thr) 
このところ勤務日数を増やしたり、休みの日には部屋を片付けたりとかしていたら、案の定オーバーワーク気味だったようで。
昨日は帰宅してシャワーを浴びたらそのままベッドへ直行。夕飯も食べずに朝までぶっちぎって寝落ちりました。
こんなに連続して眠ったのは、どれぐらいぶりだろう……?<最近は4時間ぐらいしか寝れてなかった

で、今日はだいぶ回復したので、ワチキさんから頼まれていたのに、ぐだぐだと途中で止まっていたデータ入力をようやく片付けることができました。
そして おたね さんからご依頼の、hao123 とやらのアンインストール方法も調べて、メールで送信。

そして明日のサイト更新の準備をしつつ、前々から気になっていた鵺〜の目次ページの視認性を改善してみたりとか。

いえね、この目次ページ
背景画像を二つも設定したせいで、一部が文字と重なってしまって、読みにくかったじゃないですか?
他のシリーズ目次(日月堂とか楽園シリーズとか)は、できるだけ文字と背景が重ならないように注意してレイアウトしていました。しかしこの鵺〜のページだけは、どうしても一部が重なってしまう。
真ん中の白い部分で読んで下さいといえばそれまでですが、画面の小さいスマホとかだとその白い部分も狭いし、不親切だなあ。お客様をそれで逃してしまいそうだなあ……と。

で、いろいろ試行錯誤した結果、 text-shadow とやらを使ってみました。

■文字に影を付け、画像に重ねた文字を見やすくするCSS3
 http://allabout.co.jp/gm/gc/384274/

数年前までは、対応ブラウザが少なかった text-shadow も、今では主だったブラウザのほとんどが対応している模様。
とりあえずIE11と Google Chrome と、Android 版Operaと Android の標準ブラウザで、文字の背景に白いぼかしを入れることに成功しました。

これの何が便利って、いちいち該当ファイルを全部開いて書き換えずとも、外部CSSをひとつ編集すればそれでOKってあたりですね(苦笑)

なお、リンク部分の背景がぼかされずに四角く抜けているのは、 text-shadow を使うとリンクの下線が干渉して、テキスト本体にまで白いかすみがかかってしまったためです。
何故か下線の影は、文字より上に表示されちゃうんですよね……(´・ω・`)

← 下線付きテキストに text-shadow を指定した場合

しかたがないので、リンク部分だけは background-color を使いました。
ついでにアルファチャネルとやらも併用して、ちょっと透かしてみましたけど……これどれぐらいのブラウザで対応してるんですかね……?

ともあれ、久しぶりにサイトレイアウトをいじりました。
外部CSSファイルのどれをどのHTMLファイルに対応させてたかを確認してみたら、必要ないスタイルシートを指定している部分とかもあって、ちまちまと記述を削除したり。
あと電話回線&800×600画面が主流だった頃に配置したいただきものイラストなんて、今となっては小さくて見づらいなあとか思い始めちゃって。高画質データが手元にあるものは、せっかくだからちょい大きめサイズに作り直して差し替えてみたりとかとか。

……正直楽園シリーズの地図とかも、直したいんですけど……何故かあれに限って加工前のデータどころか、取り込み前の手書きしてもらった紙も見つからない _| ̄|○
あの頃は「解像度? 明るさとコントラストってなに??」「JPGとGIFってどこが違うの!?」状態で、しかももっぱらペイント使って画像を作っていたから、本っ気で心底作り直したいのに直したいのに……(しょぼん)


追記:
楽園〜の地図、結局かろうじて残っていた作業途中のちっちゃいデータを拡大し、文字だけでも入れ直してみました。



あちこちがギザギザでありながら、微妙にぼやけてもいるという、妙に中途半端な状態になってしまいましたが……まあそれがむしろ古地図っぽいってことでひとつ(苦笑)
少なくとも、文字は読みやすくなったんじゃないかと。
……ファイル容量が10倍以上になったのは……当時の「50KBもある画像乗せるなんてもってのほか!」だった電話回線とは訳が違うのだから、まあ許容範囲なんじゃないかと。
実際、今どき500KBちょいなんて、そこここのブログに上がってる高画質写真を考えれば、可愛いものですよね……?
No.7620 (電脳)

 
 この記事へのコメント
 
paoまま  2016/06/10/14:55:37
めちゃ暑い広島からこんにちは。

>電話回線
でんわかいせん〜〜〜!
もの凄く懐かしい言葉が出て来て、大ヒットしとります。

あったよねぇ、あったよねぇ。

あの頃と今は
「馬車とバスくらい違うねぇ」(笑)
 
No.7622
 
神崎真  2016/06/10/19:52:27
こんばんは、ままさん。
こちらも今日は湿度80%超えの、なかなか厳しい一日でございました(−ー;)
す、水分、水分を……っっっ

> 電話回線

はい、200KBのファイルをメール添付されたら、エラーが出てどうしても受信できず、プロバイダへ電話連絡してメールボックスから削除してもらった、そんな電話回線ですよ〜ww
いちいちネットに繋ぐ度に、電話から線引っこ抜いてパソコンに繋ぎ変えていた、あの頃の話ですよ〜wwww

いやはや、あの時代からサイト運営を続けている身としては、未だに「えっと、ファイル容量500KBもあって良いんだっけ?」「予告もなく添付ファイル5MBのメールを送信してくるだとぅ!? いや受信できたけど、できたけどさあ!」ってなっちゃいます(苦笑)

あの頃はデータひとつダウンロードするのにも、30分とか普通にかかってましたよね……普段のネットなんて、ダイヤルアップ画面を睨みながらとにかくどんどんページを表示させていき、2分59秒で回線を切断してから、オフラインにして「戻る」「戻る」でゆっくり読んでいましたっけ(懐)

今や常時接続の高速回線が当たり前、スマホですらものすごいスピードで画像とか動画とか表示してくれるんだから……時代の変化って(ry
 
No.7623

 この記事へのコメントは以下のフォームからどうぞ
Name
E-Mail
URL
感想
2560文字まで

Pass

 
 この記事のトラックバックURL
https://plant.mints.ne.jp/sfs6_diary/sfs6_diary_tb.cgi/201606097620


No. PASS

<< 2016年06月 >>
Sun Mon Tue Wed Thr Fri Sat
      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    

 プロフィール
神崎 真(かんざき まこと)
小説とマンガと電子小物をこよなく愛する、昭和生まれのネットジャンキー。
ちなみに当覚え書きでは、
ゼロさん= W-ZERO3(WS004)
スマホ= 003P(Android端末)
シグ3= SigmarionIII です。

サーチ :


 最新の記事
 久々にサイトをいじった

 リンク
 神崎へメール
 私立杜守図書館
 蔵書リスト

 

   

 ブログ内記事検索:
 
 AND OR  


Back to Home...

[管理用] [TOP]
shiromuku(fs6)DIARY version 2.41