マークアップの練習をしたいなーと思って，手頃な課題として Tumblr のテーマいじりをしてみた．
Twitter の HTML 構造をじっくり眺めて，それに合わせて Tumblr の HTML を組み立てて，少しずつ CSS を書いていこうと当初は思ったんだけど，Tumblr の custom HTML が面白いってことに気が付いて段々と逸れていった．結局，Twitter の CSS を丸ごと当てて，必要なものをちょいと足したくらいだ．
サイドバーの「Stats」の部分，Twitter では followings とか Updates がある部分に，Tumblr のポスト種類別の内訳を表示させたいと思って，その副産物が先日作った TumblrPostChart でした．
当初の目的は果たされてなかったりするけれど，改めて Tumblr の API を眺めたりする中で気付いたこともいくつかあったし，楽しく作業できたのでよしとしよう．
(追記) テーマのソースを公開します
lomoさんから「公開してほしい！」とのありがたいお言葉をいただいたので，テーマのソースを以下に公開します．
Tumblr theme like a Twitter (txt)
gist: 4089 — GitHubにおきました！
(ファイル置き場に Dropbox を使ってみる．ローカルファイルを編集したら Web 上のファイルも勝手に更新してくれて便利だね)
自由に使っていただいて結構です．テーマ適用の際の注意点は以下の通り．
- API のエンドポイントを自分のユーザ名に合わせて書き換える．[USERNAME] や june29 で検索をかけて次々に直してください
- サイドバーのプロフィールを自分のものに置き換える
favicon の URL を書き換える．そのまま使うと「裸」のアイコンになっちゃう(Tumblr の Favicon を使うように修正)- ページ上部の検索ボックスは飾りです．何も機能しません
- 画像はボクのサーバから読んでいるので，ボクのサーバが落ちていると表示できません．必要であれば，他の場所に設置して URL も書き換える
- ボクが確認していないブラウザで JavaScript が正しく動作しなかったらゴメンなさい
- すべてのポストに「by Tombloo」が付きます．必要に応じて直してください
- (2008/05/19 追記) 上部のナビゲーションバーの Dashboard へのリンクがスペルミスで死んでいた…＞＜
で 99 円を送金する