HTML5のバリデーションチェックを使うのやめた

翻訳コンニャクで、HTML5のバリデーション（checkValidityなど）を利用してみたのだが、ブラウザごとの挙動にばらつきがありすぎて使いにくい。これから書き直して、サーバーサイドのチェックだけにする予定。

特に、Safariの挙動が制御しにくい。checkValidityは動くし、validationMessageも設定されているのだが、それにもかかわらずポップアップでエラー表示が行われない。Safariのためにゴチャゴチャ処理を書くとわけわからないことになりそう。

Safariは、executeCommandも動かないし、最近のIEよりも扱いにくい。

submitボタンが２つある場合にどちらのボタンが押されたのか判定する

htmlのformに、submitボタンが２つある場合に、どちらのボタンが押されたのか判定するには、サーバー側でどうやればいいんだっけ？

<form>
    <input type="submit" name="btn1">
    <input type="submit" name="btn2">
</form>

みたいに、name属性をつけとけば、サーバー側（Djangoを使ってるとして）で、request.POST.get("btn1") の値が空かどうかで判定できる。

HTMLで全画面表示（height: 100%）

HTMLで高さを画面全体の100%にしたいときは、親要素にも height:100%; を指定しておかないといけない。
つまり、

html, body { height: 100%; }

という具合にCSSでやっておかないと、いきなりdivとかで height:100% にしても効かない。

WYSIWYGのフリーHTMLエディタBlueGriffonが便利になった

いつの間に改善されたのかよく知りませんが、フリーのHTMLエディタBlueGriffonが実用に耐える便利なエディタになっていました。これはかなり嬉しいです。
BlueGriffonは、KompoZer（すでに開発が中止されている）の後継であり、レンダリングエンジンはFireFoxと同じGeckoです。軽快に動作する無料のWYSIWYGのHTMLエディタは他には無いような気がします。Windows、Mac、Linuxのすべてで動作するので、まだ使ったことがない人は試してみると良いかと思います。



以前は、日本語入力をするときに勝手に改行されるために余計な半角スペースが挿入されてしまって、残念な感じだったのですが、いまは設定で改行を無効にすることができます（文章の編集をプレビュー画面で行えば、画面幅で改行されるので文章作成で不便を感じることはありません。改行が無効にされるのはソースコードだけです）。

余計なスペースが勝手に挿入されるのを防ぐには、設定ダイアログの文書タブを開いて、［Wrap long lines］のチェックを外します。
こうしておけば、日本語での入力でもまったく問題ないです。
普段使いのエディタとしても十分使えそうです。