スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
新しいスマホ版Googleにみる、スマホサイトの未来 « H2O Blog.
大げさなタイトルをつけてみましたが、先日Googleが本家のスマホ版サイトをリニューアルしました。主に「Google+」の追加が主ですが、面白いロジックが仕込まれていて、スマホサイトの未来を垣間見る気がします。いくつか紹介しましょう。 固定ツールバー これまで、スマホサイトの構築では「要素を固定できない」というのが常識でした。 CSSの「position:fixed」が効かない上に、スクロール中は一切のスクリプト操作や、アニメーションGIFですらもストップしてしまうため、要素を固定したりすることはできなかったのです。 そこで、これまでは固定したい要素は「スクロールの開始直後にいったん消え、スクロール終了後に再度表示される」というのが一般的でした。jQuery Mobileの fixed toolbarがそのつくりです。 しかし、リニューアルしたGmailでは、スクロール中も固定したツール
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンブラウザ不具合特集
https://www.mobiletuxedo.com/
