ぼくはうれしい。 なにがうれしいって「そうそう、インターネットってこういうものだよな!」っていう、すばらしい例にひさしぶりに出会ったからだ その名は「建て書き」。ビルの名称が示してある部分をひたすら撮り集めているサイトだ。すてきだ!すてきすぎる!すてきすぎるのでサイトの主に会いに行きました。
ぼくはうれしい。 なにがうれしいって「そうそう、インターネットってこういうものだよな!」っていう、すばらしい例にひさしぶりに出会ったからだ その名は「建て書き」。ビルの名称が示してある部分をひたすら撮り集めているサイトだ。すてきだ!すてきすぎる!すてきすぎるのでサイトの主に会いに行きました。
iPhoneのネイティブアプリでは画面方向を縦あるいは横方向に固定できますが、Safariでは、画面の回転を防ぐ方法がありません(注1)。 そのためかは分かりませんが、PCではよく見かける横スクロールのサイトを、モバイルでは見かけません。 そこで、iPhoneの向きによらず、「絶対に横向きになるウェブページ」を作ってみました。横スクロールができるようになっています。 サンプルはこちらです。iPhoneの向きを変えて試してみてください。 画面の向きによらずスクロールを実現するために、CSS3の -webkit-transform の rotate や translate3d(x, 0, 0) を使っています。 回転によってCSSファイルを分けることによりスクロール以外の動きをCSS3のみで記述することも可能ですが、振り分けが面倒だったので、JavaScriptでCSS部分も制御しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く