HTMLからアプリを作る際のCSSの設定

| | コメント(0)

仕事でHTML納品→先方アプリ化(PhoneGapかな?)案件で、はまったのでメモ。
ブラウザ確認と違って、アプリに同梱される?使われる?エンジンじゃないと再現しない事項って、困るよね......。

■選択状態?が消えるようにする
body{
-webkit-user-select: none;
}

■クリックした時のAndroidの水色枠が消えるようにする
a{
-webkit-tap-highlight-color: rgba(0,0,0,0);
}


あと、アニメーション関係で、リンクをクリックしたら、ボタンを動かしてからジャンプ、のときにアニメーションのための待ち時間がちょっと欲しいとき、JavaScriptでのsetTimeoutで待ち時間を作ろうとしたら変になるので、待ち時間はCSSで。
感覚的にJSの処理がCSSと比較して随分反応悪い感じ?

コメントする