jsdo.it のスクリプトを貼り付けてみた

jsdo.it

Google Gadget 経由で可能とのことなので試してみました。

jsdo.it 各ページの share に記載されているスクリプト（http://jsdo.it/blogparts/****/js）で生成される iframe 要素（又は、その src 属性値 - URL）を iframe → Google Gadget コンバータ で変換するだけです。

参考

Google WebFont tester

Web safe font tester

Tweets for Today

twit


  • 11:53 いい加減 os10.6 にしようかな。 #
  • 14:15 突然の雷雨とか勘弁してください。 #
  • 14:15 てきとーに冷し中華いただきます。 img.ly/1GNc #
  • 14:52 かこいい。　＞YouTube - Gobelins 2010 - Junk Space bit.ly/9uLpWR #
  • 15:04 YouTube - Red river bay bit.ly/bPOBEb #
  • 15:13 イソムラ式 : 視覚障がい者はiPadを使えるか？ bit.ly/9yHbpg #
  • 15:58 "HTML 5 autocomplete. CSS 3 autocomplete. Full Python 3 support"　＞Komodo 6.0 Beta 2 bit.ly/b1VNWe #
  • 22:44 skEdit に関するメールが来てた。楽しみだ。　＞“I will be sending another email in a couple of weeks to annouce the availability of skEdit 4.1.3” #
  • 00:42 シャワワ。ぎりぎりゴールに間に合わなかった。 #
  • 01:26 シャンプーが残り少なくなるとシャバシャバと水っぽくなる。我が家の七不思議の一つである。 #
Automatically shipped by LoudTwitter.

Tweets for Today

twit

  • 12:00 Goole Font API のフォントを確認するツール的なものをつくってみました。　＞see☞ Google WebFont tester jsdo.it/tenkao/d0JN #jsdoit #
  • 18:28 石材…？ RT @pypi: django-sekizai 0.1.2: Django Sekizai bit.ly/cNRPhc #
  • 20:51 フォントのロードに失敗してる筈？なのに表示されるのはどーゆーことかしら？＞Google Font API #
  • 00:55 クネゴェ… #TdF #
  • 00:56 エヴァンスは途中死にそうな顔してたな。残念。最後アシストの選手と一緒に必死にゴールへ向かう姿、ゴール後に抱き合う姿は胸をうちましたね。 #TdF #
  • 01:00 あとヴィノクロフは相変わらずよくわからない動きなんだけど相変わらずなのであんまり気にならなくなってきた。目立ってくれればそれで充分です。 #TdF #
  • 01:06 @bono1978 「自分にはとうに縁遠いものだけど羨ましくなんてないんだからね！気色悪いっ！」と空目しました。 #
  • 01:47 2010年下半期は iPad で宮崎作品鑑賞が流行る。 #
  • 01:59 圧力鍋待機 #
  • 03:47 こーゆーのってクーポン利用の確認はどうしているんだろう。　＞爆発的に増えるGrouponとソックリさんたち–彼らの”やり方の違い”を勉強しよう bit.ly/9Ta0wi #
Automatically shipped by LoudTwitter.

jsdo.it に Google WebFont tester を投稿してみた

jsdo.it webfont font-face html css javascript

前回（jsdo.it に Web safe font tester を投稿してみた）作成した Web safe font tester を基に、jsdo.it に Google Font API のフォントを確認するツールを投稿しました。

今回は http://code.google.com/webfonts に合わせて、初期状態のテキストを使用しているフォント名が表示される様にしました。

前回同様、font-weight の変更、font-style: italic の on/off や、font-size, color, background-color などの一部のスタイル、そして表示テキストの変更が可能です。

html5 の input type="range" を使用しているので、Safari, Chrome など対応しているブラウザの方が使いやすいと思います。Opera は何か挙動がおかしかったです。

追記

フォントのロードに失敗した場合のコールバック関数が呼び出されているにもかかわらず、そのフォントが表示されている場合があります。
原因はよく分かりません。

おまけ

記憶の新しい近日中に今回使用した Google Font API の使い方をメモしておきたいと思っています。

Tweets for Today

twit


  • 10:00 "jQuery: Novice to Ninja is free for 24 hours"　＞SitePoint bit.ly/bYMJE1 #
  • 10:02 @mohe77 こう考えるんだ。「これはビジネスチャンスだ。」とね。 #
  • 10:26 本日も豪雨ing #
  • 14:33 鶏肉団子充 #
  • 01:12 あら。何事もなく復帰すると思ってたのに。開票前から。 RT @itsuki_imazaki: うわ〜ん、秘書のバカ〜ッ！！『岡部さんの「秘書」復帰、朝日放送社長「ないと思う」』 j.mp/cAVbHH #
  • 01:40 google font api バージョンをつくったけどアップするのは明日でいいか。ねむい #
  • 01:41 ブラウザによってロード出来たり出来なかったりするフォントはなんだろうなあ。 #
Automatically shipped by LoudTwitter.

Tweets for Today

twit


Automatically shipped by LoudTwitter.