エレファンキューブリンク帳

2017年5月31日水曜日

以下コードをいれることで、要素外タップでマウスアウトが発火する。

$('*').on('click', function(){ return true; });

mouseout イベントや hover の第二引数などいくつかの書き方で動く。

参考：http://stackoverflow.com/questions/7006799/does-iphone-ipad-support-mouseout-event

Phonegapで作ったアプリがPlayStoreにて103エラーが出てしまうエラー。
jarsigner の後ろに -sigalg SHA1withRSA -digestalg SHA1　を付加すると解消するようです。

https://github.com/sindresorhus/screenfull.js
ブラウザごとの違いを吸収してフルスクリーン実現できる

IE11で<u>□□□□□□</u>（□は、スペースです）と書くと、下線が描かれない。
それを解決するCSS

u {
text-decoration: underline;
white-space: pre;
}

参考
http://stackoverflow.com/questions/4513388/how-to-underline-blank-space-in-css

CSSアニメを試せる

http://caniuse.com/
ブラウザ対応の確認

親要素の幅に収まるようにフォントサイズを変更する
https://hail2u.net/blog/coding/resize-text-based-on-content-width.html

display:noneの要素にターゲットの幅よりも大きなサイズで入れておき、

ターゲットの幅より小さくなるまでフォントサイズを1pxずつ引いていく手法。