SyntaxHighlighter を導入してからというもの、カラフルに表示されるソースコードにすっかり魅了されてしまい。過去に手抜きをしてコピペしたソースコード部分をせっせと修正しています(´･ω･`)　その際、< や & などの特殊文字を適切にエスケープする必要があります。こういった特殊文字を変換してくれるページなどもあるんですが、コピペが非常に面倒くさい。というわけで、その場で特殊文字のエスケープを行ってくれるブックマークレットを作ってみました。変換したい部分をマウスで範囲選択し、ブックマークレットをクリックするだけのお手軽仕様です。

Open Graph Protocol 付きで「いいね！」ボタンを設置する
　Open Graph Protocol では、ブログ記事のなどの他にも、カフェやホテル、レストラン、俳優、書籍などなど、様々なオブジェクトに対してのメタデータを設定することができます。URL を持つものであれば、何でも「いいね！」できるわけですね。

　おそらく、個別にパーマリンクを持てるオブジェクトであれば、何にでも「いいね！」ボタンを付けられるハズ。このブログ内で、個別のブログ記事の他にもどこか設置できるところがないかなぁ…と考えていたところ、モブログの画像に設置することを思いつきました。モブログは今まであまり活用できていなかったので、これで少しは賑やかになってくれるといいんですが。

フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
　簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。　......　決まった OGP という書き方で HTML に情報を付加しておくことで、プログラムからも意味を理解しやすいウェブページを作っていこうってことです。

　このブログにも Facebook の「いいね！」ボタンを取り付けてみました。ただ、そのままボタンを設置しただけだと、サイト名や記事タイトルが適切に引用されなかったので Open Graph Protocol にも対応することに。「いいね！」してもらうと、Open Graph Protocol で指定したサイト名と記事タイトル、URL が表示されるようになりました。

UTF-8ならばXML宣言は入れなくてもいい: 世界中の１％の人々へ (魚拓)

　悪貨は良貨を駆逐するケースですか。ブクマのコメントでは識者が多いので安心ですが、タイトルだけ読んだら間違いを助長しますよ、これは。なぜ specification において強く推奨されている、という部分をすっ飛ばして、例外的に Such に続く部分に乗っかってしまうのですか。

　要は HTML で <div id="hoge"> とあった時に、"id=hoge" に対応する閉じタグ </div> はこれですよ、と明示するためのコメントをどのように書くか、というお話。まぁ、コーダーの判り易いように好きに書くのが一番なんでしょうけれど、ちょっと気になったのでメモ。

　ブログのコメント欄のサイズをマウスドラッグで自由に伸縮できるようにする方法を紹介します。以前にコメント欄を伸縮できるボタンを設置する方法を紹介しましたが、それよりも少ない設置面積で感覚的に操作できるメリットがあります。jQuery と呼ばれる JavaScript のライブラリを利用するので設置も比較的簡単です。

　ここ最近、Web サイトいじりをしていてふと思ったことがあります。例えば、Microsoft Internet Explorer といえばブルーの"e"、Adobe Photoshop といえば例の瞳、と云うようにアプリケーションには、それを即座に想起させるような印象的なアイコンが用意されていますよね。これはWebサイトでいうところの favicon のことで、Web サイトを顕す顔という意味でも favicon は重要な存在だなぁと思うわけです。

　今まで Transitional だった DOCTYPE 宣言を Strict にしてみました。まだ少し調整が必要なものの、トップページは何とかなったかな…？　もう警告やエラーが出まくりで大変でしたよ…トホホ。

　Opera ブラウザのツールバーにはナビゲーションバーというのがあって、HTML の link 要素に設定されたリンクに素早くアクセスすることができます。設定名とボタンの対応を調べてみたのでメモしておきます。このナビゲーションバーって意外に便利かも。

[pc][spam]Javascriptを利用したコメントスパム対策
submitボタンを画像にして、画像上のどこを押されたのか位置情報を得る、というのも手軽に出来るし、javascriptなしでいけるためいいなと思うのだけど、これってTabキーとEnterでsubmit押したときにも誤認識されずにいけるのだろうか？

　…どうなんでしょう？　というわけで実験してみました。