Android の Chrome でツールバーのテーマカラーを変更する方法 - by Takumi Hirashima
Android の Chrome でツールバーのテーマカラーを変更する方法を紹介します。 例えば、Android 端末でサイトを見た時の、デザインのアクセントに使えるかもしれません。 Chrome のツールバーのカラーを変更する方法 Chrome のツールバーのカラーを変更するにはメタタグ theme-color を使用します。 例えば、ツールバーのカラーを黒（#000000）に変更したい時は、次のコードを head タグ内に追加します。 <meta name="theme-color" content="#000000"> カラーを変更する時は content 部分にカラーを指定します。 この方法は Lollipop 上の Chrome for Android バージョン39以降で有効です。 まとめ Android の Chrome でツールバーのテーマカラーを変更する方法を紹介しました
スマートフォン 電話番号リンクの回避方法
スマートフォンでは、デフォルトでは数字がリンクに変わってしまう仕様となっております。 MobileSafariでは、数字7桁、10桁、11桁で電話番号リンクと認識しリンクテキストになります。 MobileSafari以外のブラウザでは6桁以上で電話番号リンクとなります。 回避方法は meta要素 <meta name="format-detection" content="telephone=no"/> を追加すれば回避できますが、 MobileSafari以外は適応できません。 MobileSafari以外の回避方法は 数字を挟むように記号の文字列を挿入することによって回避できます。 例 ●123456789●
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:
apple-touch-icon.png をサイトに設定する意味のまとめ
サーバ上の過去の不要なファイルをお掃除したので、久々にアクセスログで 404 の解析をしていたら、案の定消しすぎていたファイルの他に、見慣れないログを見かけました。 "GET /apple-touch-icon-114x114-precomposed.png HTTP/1.1" 404 962 "-" "MobileSafari/6533.18.5 CFNetwork/485.13.9 Darwin/11.0.0" "GET /apple-touch-icon-114x114.png HTTP/1.1" 404 962 "-" "MobileSafari/6533.18.5 CFNetwork/485.13.9 Darwin/11.0.0" "GET /apple-touch-icon-precomposed.png HTTP/1.1" 404 962 "-" "MobileSafari/
スマホサイトの作り方で、あんまり書かれてないことを書いてみた - Kaleidoscope
【スマホ対応サイト制作のより詳しい記事はこちら】 1.メニュー編 2.HTMLとCSSで画像を操る編（前編） 2.HTMLとCSSで画像を操る編（後編） スマホサイトの作り方関連のブログとかを見てて、viewport周りの基本的な設定は書かれているのですが、 個人的に重要だと思うポイントが、なかなかどなたも書いてらっしゃらないような気がするので、まとめてみました。 それは、 とにかく内側のHTML要素をハミ出さないように作る どうしてか？ ふつうは、スマホサイトというのは縦スクロールしかさせたくないですよね。 例えば、iPhoneで言うPortrait（縦）表示のとき、横幅320pxを超えたページ構成になると、 おかしな横スクロールが発生してしまいます。 viewportで拡大とかの禁止をおこなっていても、そうなります。 （まぁ、拡大とは意味が違うので当然なのですが。。。） 具体的にどうい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
