「CSS3でつくるローディングアイコン」っていうのを何も考えずに作ったんですけど、同じこと考える人なんかたくさんいるので、1年くらい前から色々存在してました・・・でもせっかくつくったので、もうありますけど、公開しておきます。

くるくる と ぼいんぼいん

あ、せっかくなのでCSS3アニメーションをおさらいしましょう！（今おもいついたから強引につかったとこだけ）

Read more

どこかで元ネタを見たんやけど、忘れた・・・

console.logとかdebugって開発してるとき便利ですけど、納品時に消すのを忘れたりして、うっかりconsoleに

unko

とか表示されたら死ぬしかないですよね。

消したやつ納品して後で改修とかになったとき、前のconsoleは当然ないわけで、面倒くさいなと思って。

Read more

Custom Field GUI Utilityを使ってサイトに話題のOGPを入れようなメモ。Facebookとかなんかその辺にも最適化したほうがいい流れですし。

Read more

色々調べたのでオレオレメモ。ストリーミングできたりできなかったりガラケーは大変すなぁ。

一応、幅広く対応できるんかな的な感じです。詳しいことはわかってないので、もっといい方法あればコメントで教えてください。

各社の技術仕様

ドコモ（3gp、音声はAAC

MP4対応iモーションコンテンツ仕様

AU（3gp,3g2、音声はAAC、ファイル容量1.5MBまで

EZムービー

ソフトバンク（3gp、ファイル容量300KB以内、音声はAMR

ムービー　技術資料

※ さらにAUの動画はparam要素で実際のデータサイズを入れないとだめ。

エンコードのソフト

無料のツールで試したところ、ドコモ用とAU用はどこでも！ケータイ動画というソフトでいけたけど、音声のAMR出力ができなかったもんで、ソフトバンクがだめだった。

探してたらWoopie Desktopの動画変換ツールを使えばなんでも対応できるっぽい雰囲気だった。Woopie最強説

HTMLの書き方の例

ドコモ

<object declare id="ID" data="動画のURL" type="video/3gpp">
<param name="count" value="0" valuetype="data" />
</object>
<a href="#ID">動画のタイトル</a>

AU

<object data="動画のURL" type="video/3gpp2" copyright="no" standby="動画のタイトル">
<param name="disposition" value="devmpzz" valuetype="data" />
<param name="size" value="動画のデータサイズ（バイト）" valuetype="data" />
<param name="title" value="動画のタイトル" valuetype="data" />

ソフトバンク

<a href="動画のURL">動画のタイトル</a>

色々オプション付けてもいいけど、とりあえず公開時は全部とったろーと思いまして。最小構成のイメージビューアなjQueryプラグインです。その場でチラッと見せたいときに使えるかも。

高機能なやつは探せばいくらでも出ると思うので、たくさん機能ほしい人はそっち使えばいいと思います。

サンプル

Read more