タグ別アーカイブ: HTML

【S-MAX・記事掲載報告】Android版Chromeのアドレスバー色を変える


アドレスバーの色がいきなり変わってびっくり!? Android版Chromeブラウザのちょっとした機能に注目【吉川英一の「スマホのちょっと深いとこ」】 (S-MAX)

522efb8b

Android版Chromeでアドレスバーの色を変えられるtheme-colorメタタグの話題です。調べたところ2014年11月ごろ、Chrome 39からの導入だそうで、結構前の話題なのですが、活用されてきたのは最近のように思えます。

要するにサンプルWebページ(ソースコードはGitHubで公開)を自慢したかっただけという話もw。

【読書】UIまで手の回らないプログラマのためのBootstrap 3実用ガイド


UIまで手の回らないプログラマのためのBootstrap 3実用ガイド

BootstrapはHTMLのUIをカッコよくしてくれるフレームワークという程度の理解しかなかったので情報補充のために購入。一通り読んで、開発中にちょっとWeb UIを整えたいときに便利そうだなという感想。

まさしく「UIまで手の回らないプログラマ」になることがしばしばあるため、BootstrapとかjQuery Mobileとかお手軽にそれなりのHTML画面を作れる仕組みは開発ツールとして手元に置いておきたいなと思っています。

Opera MiniとXHTMLとiモードと


昨日(6/13)、このブログの携帯電話版(URLは同じで自動切換え)がOpera Miniで正しく表示されないとご指摘をいただきました。

いろいろ調べたところ、HTTPレスポンスヘッダで”Content-Type:application/xhtml+xml”を設定しているためと判明。WordPressの携帯電話用プラグイン「Ktai Style」では特に設定しなければ”Content-Type:text/html”が設定されるのですが、FOMAのiモードブラウザをXHTMLモードで動作させるために、php ks_use_appl_xhtml()関数を呼び出して意図的に”Content-Type:application/xhtml+xml”としているのをすっかり忘れていました。

対応策としてXHTMLモードとHTMLモード2種類のテーマを作成し、デフォルトをHTMLモードにしてFOMAのiモード向けをXHTMLモードとすることとしました。手元に実機がないのですが報告していただいたからOpera Miniで正しく見られるようになったとのことで一件落着です。

#キャリアによるブラウザ挙動の違いには手を焼きますね…。