deliciousのタグに半角スペースを使う

deliciousのタグはデリミタ(区切り文字)が半角スペース(ブランク)なので、タグに半角スペースが使えません。

"Google Toolbar"と入力すると、"Google"と"Toolbar"になります。

そこで、no-break space(*)を使います。HTMLなんかで と書くアレです。

参考： と普通の半角スペースの違い - うなの日記

もちろんdeliciousの登録画面での入力はHTMLエンコードされませんので、 と書いてもそのまま出てきてしまいます。

Windowsの場合、Altキーを押しながら数字を入力する事で、入力した数字に該当する文字コードの文字が出てきます。

半角スペースは0x20、10進で32です。nbspは0xA0、10進だと160です。

Altを押したまま、テンキーで1,6,0と順番に押し、Altを放すとnbspが挿入されます。

他の方法として、文字コード表から選択してコピーする事も出来ます。文字コード表は[スタート]>[プログラム]>[アクセサリ]>[システムツール]>[文字コード表]。もしくは[ファイル名を指定して実行]で"charmap"入力してEnter。

"Google Reader"というタグを付けた場合の画像です。"Google"と"Reader"の間にnbspが入っています。

以上はWindows XP SP3、Firefox3.0.11だけで確認したので他の環境ではどのように表示されるか解りません。deliciousのインポート、エクスポートにおいてどのような扱い方をされるかも未調査です。

*:厳密には違う文字なので「半角スペース」を使えるわけではありませんが。

ソースコードにスタイル指定(3)

タグはCODE

せっかくあるんだし。PREを使うにしても<PRE>,<CODE>と併記で。

表示はPRE

何もしないと崩れることもあるので、PRE。タグなら<PRE>スタイルシートならwhite-space:pre;インデントも表示されるし。

ブロック要素で

CODEタグだとインラインになる場合もあります。背景色を変えたときにインラインだと文字の部分だけ背景色が変わるので矩形で表示した方がスマートかと。と思ったんですが、文中に埋め込みたい場合はそこだけ特別扱いでも良いかも<code class="inline"></code>

フォントは等幅

等幅は譲れない。Courier Newがコードっぽい。font-family:'Courier New', [ 好きなフォントs, ...] monospace;

はみ出した部分は適当に

隠れるのもなんなので、overflow:scroll;で良いんじゃないですかね。個人的にはスクロールバーは常に表示されている方がわかり易いと思う。border表示しなくても端がわかりやすいのでborderの替わりにもなりませんか？(borderの代替自体を目的とするのは邪道ですが)

背景色は変える

グレーっぽいのが多いようですが、変える理由が見やすいように、なら見やすければなんでも。

タグはエスケープ

最低でも<>を&lt;&gt;ぐらいの変換はしたい。できれば"&も&quot;&amp;に。エディタのマクロとかでもそれくらいはなんとか。

枠の大きさは横だけ指定

ブログのレイアウトの所為もありますが、Webサイトは縦長が基本かと思われますので、特別の意図がなければwidthだけ指定で十分だと思います。

インデントはスペース

TAB文字は制御がマチマチなので、スペースの方がよさげ。

IEがウンヌン

気にしだしたらキリがない

まとめるとこんな感じです

<style> CODE { width : 500px; display : block; overflow : scroll; white-space : pre; font-family : 'Courier New', monospace; background-color : #EEE; } </style> <code> </code>

スクロールバーよりもPRE表示した時の一行目の方が気になりますね。

<code>first line ...

と書くか、

CODE:before { content : attr(title); } <!-- 略 --> <code title="[ここにtitle属性の値が出ます]"> </code>

こんなんも良いですね。

del.icio.usの応用

caramel*vanilla >> del.icio.usをメモツールとして使う ・タグで年月日 以前年月日をタグに入れて旧Bloggerにタグ付けしようとした時に、12月の"12"と12日の"12"をどうやって識別するか散々悩んだんですが、"12月"にしちゃえばいいんですね。むしろアホかと。 ・404なURLをクリップ 存在しないURLをクリップすることでオンラインメモにする構想を考えた時に、"http://www.google.com/2006.09.25"とかにするとGoogleに見つかった時に怒られるかもしれない。とか、適当なURLにして後からそのドメインが作られたらどうしよう、とか考えていたのですが、del.icio.us内のページをクリップすればよかったんですね。(del.icio.us的に有りなのかわかりませんが) ・del.icio.usでミニマムブログ しょっちゅう似たような事書いてますが、del.icio.usだけで簡単なブログ的なものになりますね。Feedはいてますし。 ブログっぽい体裁にしたかったら、新Bloggerにアカウント作って、テンプレの本文表示用部分を全削除、外部フィード表示用ガジェットを一個だけ表示。とかでそれっぽくならないでしょうか。 そろそろdel.icio.usのタグを統廃合しようと思っていた矢先に面白いものを見つけました。色々構想が膨らみます。