IE11でブランクに下線がつかない問題の解決

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://slides.com/birtles/browser-animation-2017
FirefoxのDeveloperTool、タイムライン風にみることができる！

https://rachelandrew.co.uk/speaking/event/html5j-japan
Grid Layout

http://animista.net/

CSSアニメを試せる

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

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

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

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

ネットワークがつながるまで繰り返す

Phonegap Network Connection - Cannot read property 'type' of undefined
http://stackoverflow.com/questions/25672502/phonegap-network-connection-cannot-read-property-type-of-undefined

Androidのエミュレータ環境だと、起動後すぐにアプリが開くので、

ネットワークにつながっていない状態の場合、情報取得などがうまくいかないです。

setTimeoutで500ms程度待つという解決法があったのですが、稀にまだつながっていない場合があったので、

ネットワークを認識するまでsetIntervalでループさせる方法を実装しました

（ある程度のリトライでエラー表示をさせるなどの処理が必要になりそうですが）。

------

  console.log('networkState => ' + navigator.connection.type);

  var connectionDetect = setInterval(function(){

      console.log(navigator.connection.type)

      if(navigator.connection.type != undefined && navigator.connection.type != 'none'){

        clearInterval(connectionDetect);

        console.log('networkState => ' + navigator.connection.type);

        //つながったときの処理

      }

  }, 500);

iOSの"done"などを英語から日本語に

http://shake-yama.blogspot.jp/2015/07/cfbundledevelopmentregionjapanese.html

Target設定のInfoタブ内、Custom iOS Target Properties（appName.plist）に
Localization native development region を Japaneseに変更で日本語に変わりました
（Japanとポップアップに出ますが、それでは日本語化されません）

img 要素の src 属性と onload イベントリスナの設定タイミング

http://please-sleep.cou929.nu/onload-handler-setting-timing-and-async-request-of-image-element.html

imgタグなどでonloadイベントを取りたい場合、srcを設定する前に onloadを記述しておくべきという話。

（下記のコードは上記サイトからの引用）

var img = new Image();
img.src = 'http://example.com/foo.png';
img.onload = function() { // このタイミングではすでにロードが完了している可能性がある
// event handler };
document.body.appendChild(img); 

iOS Safari プライベートブラウズがオンのとき、localStorageが使えない

http://cly7796.net/wp/javascript/can-not-be-used-localstorage-when-private-browsing-in-ios/

• プライベートブラウズで確認することも多いと思いますが、iOS Safariのプライベートブラウズだと、localStorageが使えません。
• setItemsなどをすると、そこでコケてしまい、それ以降は動作しなくなります。