Account Suspended This Account has been suspended. Contact your hosting provider for more information.
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
iPhone4のRetinaディスプレイで閲覧したらjQueryでRetina向け画像(@2xのやつ)に自動で切り替える
iPhone4のRetinaディスプレイで閲覧 された際に自動で高解像度の画像に 自動で切り替えるjQueryのコード。 @2xが付くアレです。ちょっと今更 な話題なので誰も見て無さそうな 日曜日に書いて置こうと思います。 jQuery Retinaっていうプラグインがありますが、このライブラリのように色々宜しくやってくれるようなものじゃなく、ただのスニペットです。実際にはもうちょい工夫しないとならないと思いますので参考程度で。というか僕がRetinaなんとかの事を良く分かって無いでｓ コードif (window.devicePixelRatio > 1) $('img').each(function() { var t = $(this); t.attr('src', t.attr('src').replace(/(\.[a-z]+)$/i, "@2x$1")); });window.d
ASCII.jp：iPhoneでも動くアニメが作れるSencha Animatorの使い方 (1/4)｜古籏一浩のJavaScriptラボ
HTML5/CSS3を使ったアニメーションを作成できるオーサリングツール「Sencha Animator」。前回はSencha Animatorの基本的な流れについて説明しました。今回はSencha Animatorを使ってテキストアニメーションを作成します。 タイトルアニメーションの作成 サンプルとして、「Sencha Animator」のタイトル文字と、説明文を流すテキストアニメーションを作成します。まずは「Sencha Animator」という文字からアニメーションさせてみましょう。タイトル文字ですので、なるべく目立つように派手に動かしたいところです。 Sencha AnimatorはCSS3をベースにしたアニメーション作成ソフトですので、CSS3でできる範囲でアニメーションを考える必要があります。CSS3であれば文字を拡大縮小したり回転したり、不透明度を操作したりできます。一方で、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
