「CSS」に関する日記(2)

外部リンクを外部リンクらしく表示できる仕組みを作成中…。
でも自動で何でもかんでもアイコンを付けると、それはそれでリスクがありそうだし…。

サイトデザイン

案の定アンパンマンDBだけ大変なことになったので、H2以下の方針を固めて、Hn系の使い方を全面的に見直しました。
スタイルシートも変更したので、ついでに圧縮かけておきました。
一応この変更はリリース済みですが、見た目を変えるための変更じゃないので、あんまり実感はないかもしれません。

のんびりナマライザ

特に問題なさそうなので、公開準備中です。

いっしょにチョキッとスニッパーズ

追加コンテンツが出ているようですね。
ちょっと他のことに忙しくてまだ手出しはできないのですが、好きなゲームなので落ち着いたら買おうかと思っています。

たまーにアスキーアートとか使ったりするので、それ用のCSSを整備したりしていました。
あんまり複雑なAAは使わないので、ずれてもやむ無しぐらいの扱いで実装しています。
一応、プロフィールページとオプーナのページに適用しています。

リストのツリー構造をそれらしく見せられるようなスタイルシートを考えていました。
一応解決策のひとつが以下のページに載っていました。
http://zenith.sakura.ne.jp/blog/2006/06/post-36.html
ただ、この方法では不要な線を消すために一部の領域を一色で塗りつぶしています。
この方法だと背景に画像を指定していた場合に背景画像の一部まで消えてしまうという問題があります。
うちは元々背景画像はあまり用いないのでたいした問題ではないのですが、それでも気持ち悪い気がします。

昨日のスタイルシートはFireFoxとかではうまく動かないそうです。
もともとスクリプトなしで動的に変化するページというのが気持ち悪いというのもあったのですが…。

で、前日の件を受けて、入力フォームの大きさをページ幅や入力に応じて伸縮するようにしてみました。
サイト全体のスタイルシートを変更したのであらゆる場所に影響が出ていると思いますが、とりあえず掲示板が分かりやすいと思います。
なにやら入力に敏感に反応しすぎて少し気持ち悪い気もしますが。

若干スタイルシートを変更しました。
変更内容は、リスト関係の階層構造が見えやすくなるように薄い赤でグラデーションを施したこと、です。
こんな単純な内容ですが、どうすれば見やすくなるかということを結構考えて作ったんですよ。

今日はプログラミングコーナーの次の更新分も書いてました。
小数やら指数やらを解析します。

そして先日言っていたマリオ64をコインなしでクリアするというプレイ、今日始めてみました。
必須コースのクッパのステージが異様に難しいです。
元々そんなに難しくないゲームなんですが、ここだけ難易度レベルが一桁上がってます。
他はわりと無理なく取れるものは取れる、取れないものは取れないと割り切って進めるのですが。
というわけで、現状クリアしているところまではゲーム記にアップしておきました。

ゼルダの伝説ーふしぎの木の実のところを更新しました。
ふしぎの木の実に限定した話ではなかったのですが、これが中心となっている話だったのでふしぎの木の実の場所に収まりました。
衝撃の事実、ハイラルを沈めたのは○○○だった…！

サイト全体のスタイルシートを改良しました。
改良箇所は一箇所、thです。
特別な例外を除いて自動改行が入らないようにしました。
なぜかというとテーブルの列が多くなると一つ一つの列が狭くなってしまって滅茶苦茶縦長のページになってしまうので列の最低幅確保のために使うのです。
もちろん横幅の広いthは自動改行するような設定に戻して幅の広がりすぎを防ぎます。

これをやった理由というのが、ふにゃさんのバージョン比較ページの書き方です。
NeoMuplのバージョン比較ページも同じようにしようと思っていて、そうするとNeoMuplは更新回数がかなり多くなりますから、画面より広いテーブルになりやすいのです。
それで上記の設定変更を行ったのです。
そして、そうすると右側が切れてしまって最新バージョンの機能がわかりにくくなってしまうので、新しいバージョンを右側にするのではなく逆に左から新しい順にすることにしたのです。

爆ボンのきょくのページを分離しました。
それに伴ってずっと作り続けていたブルーリゾートのMIDIも公開です。
とはいえまだハープの打ち込みが最後まで済んでいないのですが。

日記をスタイルシートを使ってリニューアルしました。
いくつかタグとスタイルシートで矛盾が起きている部分があったり、HTMLlintで採点したら完全に間違っているといわれた場所があったのですが、質より量ということで、どっちも無視しました。
見えればそれでよし。
そんでもって、最新の日記から７月と８月の分を開発日記のほうに移行しました。
開発日記を書くきっかけとなったTscripBBSがやっと出てきました。
で、あんまり関係ないんですが、HTMLlintの携帯電話と特許出願用のHTMLに関する機能を取り除きました。

散髪に行ってきました。
例によってかなり短くしてもらいました。

メールフォームにスタイルシートを適用してみました。
例によってスタイルシートを使ったりタグを手直ししたりでそこそこHTMLの仕様に近くなったので、<!DOCTYPE ～>宣言を入れてみました。
なんかWRAPあたりがIE用でHTML4.01の仕様上おかしいのですが、些細なことだと思うのでほっときます。
あと、もう練習ではなく実践でやっていきますのでCSS練習場へのリンクは外しました。

どうも最近何をするでもなく無意味にパソコン触ったりしていて、そんなことをするぐらいならその時間を使って勉強しようと思うのですが、そうしようと思うとパソコンでするべきことが次々浮かんできて勉強するのが後回しになってしまいます。
こんなんじゃいけないけど、何をするでもなしってのよりはましか・・・

デザインの統一とタグの整理のためにCSSを使ってリニューアルすることにしました。
とはいえ、今のシンプルである程度柔軟性のあるデザインが気に入っているので、できるだけデザインが変わらないようにするつもりです。
基本的には論理タグやらspanなどでスタイルを決めていますが、さすがにsはspanで代用しちゃいけませんよね、未対応ブラウザだと意味が変わっちゃうから。
そうそう、一応今回のリニューアルは、タグやデザインなどをあまり解釈しないブラウザでも解釈しないなりにそれなりの表示ができるように配慮するつもりです。
そういうことで、ここを見ている人はもう見つけたと思いますが、日記の横にCSSの練習のために作ったページが置いてあります。
最低限IEとNNで正常に表示できるようにしようと思っていたのですが、IEにCSSを誤解釈するバグがあったりNNではcolにスタイルシートが適用できなかったりして、多少難航気味です。
一応、IEに関しては表示できればよしということでバグ利用で指定して、NNに関しては別にcolの色が変わらなくても困ることはないのでそのままで。

OCの先生が怒られたそうです。
「英語の時間なのに日本語ばっかり使うんじゃない」と。
う～ん、L先生は日本語が面白いから英語がやりたくなるというタイプのような気がするんだけどなぁ～。
気のせいか。

サーバーの規約ではCGIの第三者への提供は禁止と書かれていて、レンタルCGIがダメなのかCGI配布がダメなのかはっきりしていませんでしたが、いろいろなところを読み込んでいくと、配布のほうは構わないということのようです。
だからこそMIDIコーナーで配布をちらつかせたわけなんですが。

リンク集を改装することにしました。
次の更新のときに、一時的にリンクをはずしますが、改装が終わればまた入れるようになります。
ここで、リンクを外されたりはしないかとヒヤヒヤしている管理人の方がいるかもしれませんのでいっておきますが、リンクは、基本的に増やしこそすれ減らすことはありません。
また、それに伴って掲示板も改装することにしました。
今もテスト用の文字が出てきていますが、リンク集にあるサイトを掲示板でランダムに紹介しています。

なんか日記がバグッちゃってます。
この前日記CGIを最新のものと差し替えたのですが、そのときに、日付取得の部分を間違えてしまったようで、日付がすべて「1970/01/01 9:00」に変わってしまっていました。
もちろん原因を調べて直しましたよ。
あと、スタイルシートで小さくしていたネタバレ情報、ネスケでは認識されないらしく、逆に強調されてしまっていたので、従来の色で隠す方式に戻しました。