記事一覧

全てのページにコメントフォーム

普通のHTMLページにチョコチョコっと書き足すだけでブログのようにコメントを投稿してもらえるようなページは作れないものかと思っていたのだが、ajaxとphpで画面遷移することなくそれが実現できるツールがあることを知った。

ファイル 21-1.png

http://www.inetagency.net/doc/comment/3/

そこでutf8版をダウンロードして設置してみたところ、う〜っ、いきなり文字化け。この他にも残念なところがある。投稿があったときメールで通知してくれる機能がない。このままではコメントがあっても気づかなかったり、質問に対する回答のタイミングを失してしまう可能性がある。

ajaxもphpもあまり知らないが「感」でなんとか改造した。

続きを読む

CSS3のためのIE8対策

今更IE8対応をする必要もないのかもしれないが、各種補助JavaScriptのメモ

- 擬似要素などのため

ie9.js

- remによるサイズ指定を有効にするため

rem.js

- メディアクエリを使えるようにするため

css3-mediaqueries.js

- HTML5のタグを使えるように

html5shiv.js

メール・フォームとmailtoリンク

サイト訪問者からメールを送ってもらうには2つの方法がある。メール・フォームとmailtoリンクだ。

だが、どちらも一長一短があって悩ましい。

メール・フォーム:

cgiやphpを利用できないサーバーだと設置できない。利用可としてあっても、sendmailやsocketを使えないサーバーだとやはり設置できない。

メールは送ってもらえるが、相手のメールアドレスを確信できない。つまりフォームにメールアドレスの記入欄があっても、送り手が正しい自分のメールアドレスを記入してくれるとは限らない。

mailtoリンク:

セキュリティを配慮していないメール・フォームでも起こりうることだが、暗号化するなどの処置をしておかないとスパムメールの餌食になってしまう。

予め件名や本文を入れて置く場合、絶対文字化けしない方法がないようだ。


何か良い方法はないものか?

フッターを画面の最下部に表示するJavaScript

ファイル 13-1.jpgファイル 13-2.jpg

HTMLページの内容量や行数が少ないとき、フッタが上の方に浮き上がって下部に余白ができてしまうことがある。私としてはバッチイと思う。

内容がページを埋めるほどの量でない場合でも、フォッタをウィンドウの最下部に表示するCSSテクニックがあるらしく。こういうのをSticky Footerというそうである。bodyとかcontentsなどページ全体を指定するセレクタのheightを100%とする。するとfooter部が画面の下にはみ出すので、その分フッタの上部マージンをマイナス値にするといった方法などがあるらしい。

ところがそんな面倒なCSSを定義しなくてもfooterFixed.jsという便利なjsライブラリがあることを知った。


<script type = "text/javascript" src = "js/footerFixed.js">
と書いておくだけで内容が足らないときでも、 <div id="footer">....</div>で挟まれた部分が、最下部に表示されるようになる。

単純でも効果抜群のスパム撃退法

掲示板、ブログ、メールフォームなどを設置したものの怒濤のスパム投稿に閉口して、閉鎖したとかコメントを受け付けないようにしている人は結構いるのではないでしょうか。

スクリプトやテンプレートを実質2〜3行書き換えるだけの簡単な改造でほとんどのスパムを弾けてしまう対策があります。HTMLのフォームに関する知識があり、簡単なJavasctripを書けさえすればだれにでもできる対策なのでお勧めです。

このブログではこんな感じで弾いています。(収集したスパムIPアドレス)
http://qitailang.small.jp/blog/accview.cgi


方法はココに書いておきました。
http://qitailang.small.jp/misc/anti_spam/

ページ移動

  • « 古い記事
  • 新しい記事 »