The document discusses various techniques for developing mobile web applications, including: 1. Using viewport meta tags to control layout on different screen sizes. 2. Storing cached content in Web Storage instead of cookies for better performance on mobile. 3. Loading images lazily via Ajax to improve perceived performance. 4. Detecting device orientation changes and resizing content appropriate
【スマホ対応サイト制作のより詳しい記事はこちら】 1.メニュー編 2.HTMLとCSSで画像を操る編(前編) 2.HTMLとCSSで画像を操る編(後編) スマホサイトの作り方関連のブログとかを見てて、viewport周りの基本的な設定は書かれているのですが、 個人的に重要だと思うポイントが、なかなかどなたも書いてらっしゃらないような気がするので、まとめてみました。 それは、 とにかく内側のHTML要素をハミ出さないように作る どうしてか? ふつうは、スマホサイトというのは縦スクロールしかさせたくないですよね。 例えば、iPhoneで言うPortrait(縦)表示のとき、横幅320pxを超えたページ構成になると、 おかしな横スクロールが発生してしまいます。 viewportで拡大とかの禁止をおこなっていても、そうなります。 (まぁ、拡大とは意味が違うので当然なのですが。。。) 具体的にどうい
Androbookというandroid用電子書籍プラットフォームを作りました。誰でも簡単に無料でAndroidマーケットを通じて世界中に電子書籍を売れるサービスです。今回HTML5に本格対応しました。zipで圧縮したHTMLだけで挿絵付きノベルやゲームなども作れますし、それをAndroidマーケットを通じて世界中に出せます。androbookは手数料も取りません。無料のサービスです。 HTMLも文字だけでなく、小説に挿絵を入れたい。 ノベルゲームなどを作りたい。 絵が描けないから文字だけのコンテンツを作りたい。 そういう声がいっぱい来ていたんで実装してみました。 書籍のサンプルとして作った「ダメ人間のための起業入門」。3ページくらいで終わるやる気のない新書です。すでにAndroidマーケットで無料で配っています。サンプルのHTMLもWebにあります。 また、ゲームのサンプルも作ってみました
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く