Androidのタップハイライトカラーをどうにかしてみる
どうにもなりませんので、本当にどうにかしたい時には最後のJSでどうにかする方法が良いと思います。 思い切ってガラケーユーザーからAndoridユーザーになってはや2ヶ月くらい。 Andoridは一刻も早く爆発したら良いと思います。 スマホサイトのナビゲーションって概ね行全体がタップ出来るっぽくなってますよね。 概ねっていうとアレですが、概ねサイト内にはありますよね、こういう雰囲気の。 この場合、「New」とか「Sold Out」とかのアイコンもリンクテキストと一緒にa要素で包むような感じになると思いますが、そうするとAndroidではタップハイライトカラーがおかしなことになります。 本当は行全体に付いてほしい所ですが、リンクテキストにしか付かなくなってしまうような感じです。 サンプル1 ちなみにアイコンに指定している背景を取ると期待通りの結果になります。 アイコンをデバイステキストとCSS
Androidの場合のみbodyにclassを追加するJavaScript
Androidの場合のみbodyにclassを追加するJavaScript ちょっとした修正でAndroidだけCSSを変更しなくてはいけないことがあったのでAndroidの場合のみbodyにclassを追加するJavaScriptを書いてみました。 <body> <script> if(/Android/.test(window.navigator.userAgent)){ document.getElementsByTagName("body")[0].setAttribute("class","android"); } </script> 上記のようなJavaScriptをbodyの後に書いておくとAndroidの場合のみbody要素に「android」というclassが設定されます。 ライブラリ化するのも大げさなので、ちょっとした修正の際にコピペして利用してください。 関連エントリ
スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アディダスに学ぶ「気持ちいい」サイトを作る4つのしかけ
mdlab.jp
mobile-bookmark-bubble - Project Hosting on Google Code
