iPhone, iPad, ガラケーなどのスマフォで、各セクションのヘッダをそれぞれ半透明の状態でスクロールに追従させるスクリプトを紹介します。 A, B, C と追従中 対応ブラウザ iPhone 4GS (iOS5) iPhone 4G (iOS5) iPhone 3GS (iOS5) iPad 3 (iOS5) iPad 2 (iOS5) Galaxy S3 (Ice Cream Sandwich) Galaxy S2 (Gingerbread) NEXUS S (Jelly Bean) 実装 Step 1: 外部ファイル 外部ファイルは下記の2つのスクリプトと当スクリプト・スタイルシートをhead内に記述します。 zepto.js jQueryと互換性のあるモバイル用軽量ライブラリ iscroll.js モバイルでposition:fixedを実現するスクリプト <script s
海辺の散歩道には猫がいる。 近寄ると特に懐きもしないが、特段警戒することもない。 ほどほどに撫でさせてやるよってな感じで薄目で見て、嫌になれば少しだけ距離をおくように離れる。 数値化し単純化することは分かりやすくし、伝達力や効率を高めるチカラがある。 あらゆる比較対象は数値として評価され、順位づけされることでその良し悪しを一般化させられる。それは幼き日の私自身でさえ例外ではない。 そうして数値化することには大きな恩恵もあるが、それと同時に失っているものにも目をやってほしい。 猫は数値化できない。 いや実は猫も数値化できるのかもしれない。ただ数値化してしまった時に失うものがあまりにも大きすぎるのだ。 それが目に見えているからほとんどの人間は猫を数値化しない。 きっと数字の裏側にはたくさんの人の時間が流れている。
Retinaディスプレイを採用している新しいiPad, iPhone4用にimg要素で配置した画像を高解像度のものに変更するjQueryのプラグインを紹介します。 jQuery Retina Plugin jQuery Retina -GitHub [ad#ad-2] jQuery Retinaのデモ jQuery Retinaの使い方 jQuery Retinaのデモ jQuery Retinaを使って画像を配置する方法は大きく分けて、3つあります。 imgタグに「data-retina」属性を加える。 画像のファイル名に「-2x」を加える。 コールバック関数を使ってファイル名を指定する。 表示はどの方法を使っても一緒ですが、下記にそれぞれの方法で実装したデモがあります。 デモページ [ad#ad-2] jQuery Retinaの使い方 jQuery Retinaの使い方は簡単です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
