HTML5 の canvas を使って動くトップ画像を作ってみた

このブログは現在(2011/8)、wordpress 3.2.1 に標準搭載された html5 対応テーマ「TwentyEleven」を改造して使っています。標準状態ではトップ画像の部分には美しい写真がランダムに表示されることになっていますが、この部分を html5 の練習がてら、canvas要素を使って動かしてみました(暇だなあ)。

IEの対応とかそういう細かいこと(といったら怒られるかもしれませんが)は気にしていません。canvas に対応していない場合は標準のランダム画像が表示されます。ところでこの記事、タイトルから見ると canvas の解説でも始めそうな勢いですが、canvas については全く触れません。あしからず。
“HTML5 の canvas を使って動くトップ画像を作ってみた”の続きを読む

サイトリニューアル

サイトをリニューアルしました。
主な変更は二点。

  • さくらのレンタルサーバーからさくらVPS(1G)へサーバを変更
  • デザインのリニューアル

DNSに関してはあまり知識がなく(メンタルモデルがなく)そのせいで、ドメインの移行の部分で苦戦した…
今後もいくつか不具合がでたり、不安定になったりすることがあるかもしれません。

デザインもこの際にリニューアル。html5なテーマを使ってみました。標準の Twenty Eleven を改造。上のほうで動いている微生物的な気味の悪いアニメーションについては後日解説するかもしれません。html5 の canvas を使ってます。こいつはいまのところ Firefox, Google chrome で動作確認。IEでは動作しないことを確認しています。後日 IE にも対応させようかなあ…

スライドボックス、ソーシャルボタン、関連記事

Yet Another Related Post Plugin (YARPP) はブログ内のポストの関連度をいい感じに計算してくれるプラグインです。

このプラグインは非常に多機能ですが、そのひとつにテンプレートを使って見た目を自由にカスタマイズできる機能があります(テンプレート機能を有効にするためにはプラグインのフォルダの中にあるテンプレートファイルを現在使用しているテーマフォルダの中に移動させる必要があります)。

そこでjQueryによるスライドボックスと組み合わせたテンプレートを作ってみました(ついでにソーシャルボタンもくっつけてみました)。
“スライドボックス、ソーシャルボタン、関連記事”の続きを読む

flickholdr と wordpress

flickholdr は flickr のクリエイティブ・コモンズな画像を取得するサービスです。URL のパラメータとしてサイズとかタグを指定して画像を表示することができる。たとえばこんな感じ

http://flickholdr.com/400/150/books/1

のアドレスを入れると 400×150 の本に関連した画像が取得できます。
“flickholdr と wordpress”の続きを読む

Amazon Product In a Post Plugin (2) ; 日本語化

前回のエントリーで WordPress 用の amazon プラグイン、 Amazon Product In a Post Plugin を導入しました。
今回は日本語化についてです。こちらは非常に簡単でした。php なんぞ触ったことはほとんどありませんが、ものの5分でできてしまいました。
“Amazon Product In a Post Plugin (2) ; 日本語化”の続きを読む

Amazon Product In a Post Plugin

WordPress で書評などを書くときに便利な Amazon Product In a Post Plugin (AmazonPIP)を導入してみました。
こんなかんじ↓
[AMAZONPRODUCT=4774144371]
しかし、「amazonアソシエイトを始めてみる-wordpress plugin編-」 にもあるように、Wordpress では amazon 関連の決定版ともいえるツールがないのが現状のようです。

AmazonPIP の機能は ASIN 指定の固定リンクを生成するだけなので、キーワードなどに関連したアマゾンリンクを生成したい人には不向きかもしれません。

AmazonPIP を導入してみると(導入はマニュアルを読んでください。Amazon Web Service の公開鍵、秘密鍵が必要です)、日本語が通らない、スタイルが公式ページにあるスクリーンショットと異なる、などの問題点がありましたが、少し hack したらつかえるようになりました。そのときのメモを残しておこうと思います。
“Amazon Product In a Post Plugin”の続きを読む

ブログデザイン

GRID wordpress theme 1.1 と MathJax は相性が良くない。そのための対処法など。

ようやく wordpress 設置がほぼ完成。デザインまわりに時間がかかってしまった。。。中身はまだまだこれからです。
結局、テーマはGRID wordpress theme 1.1を使うことに。このテーマ、非常に見た目が良いのですが、Mathjax との相性があまりよくないようです。
“ブログデザイン”の続きを読む