2007年01月28日

アンカータグ

http://blog.notitle-web.com/においてアンカーの指定を

<a href="image/../history/../temple/temp001/../../"></a>

と指定したらどうなるかという疑問。
どこに飛ぶんだろう?と思って試しにやってみたり。

http://blog.notitle-web.com/image/../history/../temple/temp001/../../

なんてアドレスに跳ぶのか?と思った。

アンカータグの指定としては、明らかに普通じゃないんだが(つか冗長性の塊)、これでも動作するのかな?と思ってやってみました。

答え

アンカータグの続きを読む

2007年01月18日

広告ランダム表示プログラム


なんか、以前から作成してあった広告表示プログラム
それの改良版を作成してみました。

具体的に言うと、以前のverは1つのみの表示だったのに対して、今回のは一応理論上はいくらでも広告をランダムに表示できます。
やろうと思えば簡易的なGoogle Adsenceみたいなデザインの広告が作れるわけです。

今のところは、横表示型。

いくつかの広告リストからランダムに広告を呼び出して表示する。
当然ながら、ランダムに呼び出しても同じ広告が2つ表示されることがないようにしてある。
二重表示防止もしてあるからなかなかの優れもの。

一応完成しているけどテストを重ねてみないとまだ分からない状況。
私的には気に入っている。一応、ブログとかでも使える。
ってかむしろブログ(主にMT?)に特化させたもんです。

MTユーザーの人は分かっていただけるかもしれませんけど、テンプレートの内容等を更新したらサイトを再構築しなければなりません。(HTMLでファイルを出力している場合)
それを再構築しなくても済むように何気に頑張ってみた。

近日公開するかもしれないし、しないかもしれない。
とある方の依頼から作成したもんなんで、その人専用っぽいですが公開できるなら公開するかも。

広告ランダム表示プログラムの続きを読む

2007年01月16日

既存のCGI改造

CGIとかを使っている時に不便に感じることが最近は多々ある。
例えば、スパム対策。
スパム対策で私がスパムに有効だと思うのは、メッセージエリアでのURLの書き込みを禁止する。こうすることでスパムが極端に減少する。

しかし、その機能(禁止語句)を実装していない掲示板が多々あることに気づいた。
私が使っていた掲示板も禁止語句の設定ができない。

仕方がないのでテキストを数行追加して、機能を追加したのだ。


さて、突然だが私はCGIを作れるでしょうか?
答えはNOです。
未だにCGIを1つも自分で制作したことがありません。(カウンターくらいなら最低限すぐ作れそうだけどね)
しかし、最低限の知識と技術さえ持っていれば自分が欲する機能を自分で実装することも簡単にできます。つまり、なんか問題があったりすれば自分で改造して使えばいい。
だから、誰かに頼るのではなく自分で少しだけでも改造する知識や能力を手に入れればできることの枠が非常に広がる。

ちなみに私は、今回掲示板を改造してみた。
まず、吐き出すHTMLをヘッダとフッターに分けてなるべく冗長性を排除して出力すること。
そして、掲示板の記事などを見るとアンカーを微妙に変えたりと色々やってみた。

途中、変更点もあったけど自分なりによくできたと思う。

http://www.notitle-web.com/bbs/wforum.cgi

これです。
本来のデザインはださかったので自分のサイト風のデザインに変更してみました。
興味のある方は是非チャレンジしてみてくださいな。

Perlという言語はそんなにムズカシいもんじゃないんでね。

2007年01月12日

サイト。Site。さいと

どーでもいいことですが山カズがnotitle-web.comで運営しているサイトを。

no title:http://www.notitle-web.com/
身長を伸ばす:http://height.notitle-web.com/
ブログ:http://blog.notitle-web.com/
 山カズ日記:http://blog.notitle-web.com/daily/

一応公開してみるテスト。

2007年01月10日

山カズWebデザイン論

良いデザインは人によって違う。
制作者がよいと言っても万人受けしなければダメ。

だが、根本的なパッと見た時に配置等が美しければ当然良いデザインと思われるだろう。
(配置が良くても配色が悪ければダメ)

ここんところ、no titleはデザイン変更期間のようです。
以前のno titleの面影がだんだんなくなっていっています。
以前はボーダーを使い、なるべくシンプル路線を辿るのか、画像を利用して派手に飾るのかどちらの方向にしようかと迷っていましたが、最近は画像利用で固定している状態です。

画像で美しく見せる。
その分、CSSで無理やり記述していた部分が削れて、ブラウザの互換性が保てるのなら言うことはない。当然、サーバー・利用者の負担は増すのは覚悟の上で。

画像を使うことにより、様々なことが可能になる。
まずはフォント。ギザギザラインなどでないスムーズなものが作れる。
背景もグラデーションで色鮮やかにすることもできる。

そうすることでパッと見が良くなるんですね。
しかし、そこでシンプル路線が混じっているとダメ。
ボーダーの多用をすると画像が映えなくなることもありますんで。

逆にシンプルならボーダーを目立たせて、カクカクなイメージのサイトを作るのもありです。

しかし、私は画像多用路線にいるためボーダーをできるかぎり廃止。
最低限の部分にしか使用していません。
ちなみに、ボーダーは使うのが難しいです(私だけ?)

使いどころを間違って多様すればデザインが台無しになることもある。
だから、ボーダーなしのデザインにすればすっきりとしたデザインになるわけですね。
区切りが線でなく視覚的に、色の違いで区切りをつけられると見る側からすれば見やすいのかもしれません。

ただし、ボーダーありとなしのデザインを始めとする混合したデザインは危険です。
マッチせずに良いデザインにならないことが多いです。

2007年01月08日

Webデザイン

久々にデザインを大きく変更した。
まぁ、CSSをある程度いじくっただけなので新しくしたな 程度で、すぐno titleだと分かるくらいの変更。叶うなら色々やりたかったけどそこまでやると労力がものすごいのでやめました。

テーマは"画像を少し使用"。
テーマでもなく結果を述べただけであるが。

以前と比べて画像を若干増やしました。
といっても10も増えていません。
CSSのバックグラウンドでやっているだけなので限度ってもんがあるんで。

大きな変更点は背景。
背景がデフォルトカラー(白)だったのを画像に変更。
斜線が入っているのがポイント。

んで、なるべく線を減らした。
border属性をなるべく使わずに構成。
その代わりに画像を使用したり。

若干課題はあるもののある程度良いデザインが仕上がったと思う。

Webデザインの続きを読む