Headline
さりげなく Arial から Tahoma に浮気してみた
当ブログのフォント指定に Tahoma を加えてみました。日本語のフォントは変わらないので、英数字が微妙に変わるだけのわずかな変化ですが。
数字のフォントが Arial より好みな気がして、浮気。
Verdana とよく似てるけど、Verdana だとちょっと文字幅が広すぎる気がするので、狭めな Tahoma にしときました。
<br />
body {<br />
font: 13px/1.231 Tahoma, Arial, Helvetica, Clean, sans-serif;<br />
}<br />
もちろん、Tahoma がセットアップされていない環境（Macとか）では表示は変わりませんけどね。
ヒッキーに触発されて Twitter の壁紙を変更してみた
Twitterを始めた宇多田ヒカルが「やっべーこの背景まじかわいくないっすか？」とはしゃいでいるのに触発されて、マイアカウントの壁紙とデザインをさくっと変更してみました。
- Kikuchi (neverfoundjp) on Twitter
- http://twitter.com/neverfoundjp
作り方。「Stripe Generator」でお好みのストライプ画像を作ってアップ。「背景画像をタイルする」にチェックを入れて繰り返し表示させれば完成です。至ってシンプル。
- Stripe Generator – ajax diagonal stripes background designer
- http://www.stripegenerator.com/
調べてみるといろいろ凝った壁紙も作れそうですが…ひとまずこのお手軽版で。Twitterクライアントから閲覧してる人からは認識されない部分ですしな。
DOMトレーニング
このブログのサイドナビゲーションに配置してあるウィジェット
- 最近の投稿
- アーカイブ
- カテゴリー
- 最近のTweet
のタイトル（h3要素）にそれぞれ個別のアイコン（背景画像）を付けたい！と思っていたものの、ウィジェットなのでh3タグに id やら class やらを付けられず、断念しておりました。
が、最近かじり始めたJavaScript DOM を使えば実現できそうなので、勉強がてらトライ。どうにかこうにか実現できました。
備忘録的にコードをぺたり。
<br />
window.onload = function() {<br />
var oElements = document.getElementById('sidebar').getElementsByTagName('h3');<br />
for (var i = 0; i < oElements.length; i++) {<br />
var oElement = oElements[i];<br />
switch (oElement.innerHTML) {<br />
case '最近の投稿':<br />
oElement.style.backgroundImage = 'url(/wp-content/themes/journalist/images/bitcons/flag.gif)';<br />
break;<br />
case 'アーカイブ':<br />
oElement.style.backgroundImage = 'url(/wp-content/themes/journalist/images/bitcons/document.gif)';<br />
break;<br />
case 'カテゴリー':<br />
oElement.style.backgroundImage = 'url(/wp-content/themes/journalist/images/bitcons/folder.gif)';<br />
break;<br />
case '最近のTweet':<br />
oElement.style.backgroundImage = 'url(/wp-content/themes/journalist/images/bitcons/comment.gif)';<br />
break;<br />
}<br />
}<br />
}<br />
onload イベント時に getElementById と getElementsByTagName を使ってサイドバーのh3要素を探し出し、case 文で h3要素のinnerHTML ごとに css の background-image を切り替える…
おお…楽しいぞ JavaScript…（笑）
（ただし、コードを書くに当たって参照してたサイトが 「getElementById」を「getElementsById」って書いてくれていたおかげで30分以上悩んでいたのは内緒だ）
しかし、改めてソースコード見たら background-image のURL、共通部分が冗長ですな。書き直すかー。気が向いたら。
あと、これを外部ファイルにしようと思っても、読み込み処理のタイムラグのせいで一筋縄にはいかないようで。これもそのうち対応したいっす。
あ、ソースコードの表示に際して、SyntaxHighlighter Evolved なるプラグインも導入させていただきました。導入に際してお借りしたフンドシはこちら。
- WordPressにソースコードを綺麗に表示させるプラグイン SyntaxHighlighter Evolved を設置 | WordPressで綴るパソコン生活
- http://kantan.hp2.jp/?p=647
あー、気持ちイイわこれ。色々覚えていきましょい。
Xperia 購入！ ＆ Android アプリから投稿
購入からすでに2週間近く経過してますが、Xperia 買いましたー。
購入直後に WordPress の Android アプリも入手していたものの、ログインでエラーが出たもんで放置(・・;)
ようやく、設定のチェックボックスひとつで解消できることを調べ、テスト投稿にこぎ着けました。
メールや twitter を使うときに比べ、やや動きがもっさりしてますが、まずまず使いやすいです。
さあ、これで多少は筆不精解消なるか…？
Hotmailの気が利くメッセージ
先日、Hotmail から自分のケータイにメモを送ろうとメールアドレスを手打ちしたところ、入力箇所がいつものブルー背景にならず、ピンクの背景に。カーソルを合わせると、「このアドレスには正しくない文字が含まれている可能性があります。」の文字…。
よくよく見てみたら、@ の後ろの「docomo.ne.jp」が「docmo.ne.jp」になってました。読モ.ne.jpて…。わしゃ神戸蘭子か。
それにしても、このメッセージは気が利いてていいですね。「あのー、たぶん。たぶんなんですけど、それ…ドクモじゃなくてドコモじゃないです？ …いや、ドクモっていうドメインがあるならいいんですけどね、全然！もしかしたらドコモじゃないかなーって思いまして」ていう配慮が感じ取れます（大げさ？）。
勤め先の入力フォーム、ホントにこの手の入力間違いするユーザーさん多いんだよなー。「@gmial.com」とか、「@yahoo.ne.jo」とか。この仕組み導入して、やんわりと指摘してあげたい。