CSSのfont指定時のline-height #fb

CSSでfontでまとめて指定するときのline-heightの書き方ですが、
ちょっとはまったのでメモ。

始め、順番に並べればいいと思っていたので以下のように書いていました。

body {font:bold 20px 200% sans-serif;}

空白で区切ってサイズの後に記述していたのですが、どうも反映されない。。。
それもそのはず、font-size/line-heightとスラッシュで区切るようです。
いかが正解。

body {font:bold 20px/200% sans-serif;}

スラッシュで区切る形式は今まで出会っていなかったのでハマりました。。

一度経験するとどうってことないんですけどね。
ということで、メモ。

Booki.shに津田マガepubをアップする場合、気をつけること

先日紹介したクラウド型のepubリーダーサービスBooki.sh。
端末を気にせずに、続きから読めるのは非常に快適です。

僕は主に津田さんのメルマガ-津田大介の【メディアの現場】を読んでいるのですが、
なぜか2ファイル以上、津田マガがアップできない。
例えば今Vol.30を読んでいますが、その状態で前の号の29はアップできません。
仕方なく一旦読んだら削除してアップという対応をしていましたが、なんだか
面倒です。読みきれなかった場合でもとりあえず次の号をアップしておきたいし。

で、なぜアップできないのか調査していたのですが、どうやら津田マガはepubの
ユニークIDが毎号同じようで、Booki.shはユニークIDが同じだから同じファイルと
みなすためにアップができない様子。
同じファイルを幾つもアップしても無駄なのでシステム的には確かに間違っては
いない気もするけど、他のepubリーダーだとそんなこともないし、、、
その辺の詳しい仕様はわからないですが、どっちが正しい動きなんでしょうか？

ということで、ユニークIDを修正してepubを作成し直します。
手順は以下のとおり。

��．epubはzipで圧縮されているので、拡張子をepubからzipに変更
��．zip内のOEBPSフォルダ内のcontent.opfのdc:creatorタグを以下のように変更

<dc:identifier id="BookId">tsudamag20120411_vol29</dc:identifier>

　　例としてVol.29の場合です。一意なIDになるようにしないといけないと思いますが、
　　とりあえずこれでいけるんじゃないでしょうか。。
��．同じフォルダのtoc.ncxのmeta name="dtb:uid"タグ内のcontentを上のIDと同じに変更
��．変更したファイルを差し替えてzip圧縮後、拡張子をepubに変更

これでBooki.shに無事アップロードできるようになりました。
もし困っている方は試してみてください。

[javascript] jqueryを使って文字列をふんわり点滅

jqueryを使用してふわっと文字を点滅させる方法です。

$(function(){
setInterval(function(){
$('#id').fadeOut(500,function(){$(this).fadeIn(500)});
},1500);
});

fadeOutで500ミリ秒で徐々に文字が消えます。
その後fadeInが呼ばれて500ミリ秒で文字が出てきます。
これを1500ミリ秒ごとに実行しているのが、setIntervalです。

時間を適当に変更して使用してみてください。