• web
  • Yutaka Yamaguchi
List of displays by pixel density - Wikipedia, the free encyclopedia を見ていて気がついたのですけど、Galaxy S4はSupporting Multiple Screens | Android Developersで言うところの「xxhdpi」という枠に入るらしい。Android Developersには記載がないのですけど、Nick Butcher - Google+ - Nexus 10 launcher icons The gorgeous screen on the Nexus...に、(Nexus 10はxhdpiの範囲を超えてくるので)xxhdpiかdrawable-480dpiフォルダーを用意する必要がある、というような記述がある(Nexus 10は300ppiと仕様には書かれていますけど、事実関係は未調査)。続きをよむ

  • web
  • Yutaka Yamaguchi
コンテンツがオーバーフローしたときにスクロールバーを表示させる場合に、そのコンテンツのスクロールの仕方を設定する値として-webkit-overflow-scrollingというのがある。 詳細はSafari CSS Referenceの「-webkit-overflow-scrolling」を参照。値を「touch」にするとnativeアプリでスクロールしたときのような、いわゆる慣性スクロールの状態になる。 続きをよむ

  • web
  • Yutaka Yamaguchi
Navigation Timingの仕様では、ナビゲーションや要素にアクセスするタイミングの情報を得ることができる。このNavigation Timingの情報を表示するには、ブラウザのデベロッパーツールなどのコンソールで、window.performance.timingを実行する。現在のサポートブラウザはCan I use... Support tables for HTML5, CSS3, etcの通り。 続きをよむ

  • web
  • Yutaka Yamaguchi
DOMContentLoaded and stylesheets · molily(via DOMContentLoaded - Mozilla event reference | MDN)にて、head内のスタイルシートとJavascriptの配置の違いで、DOMContentLoadedイベントが発生するタイミングが変わるという話がされています。スタイルシートのあとにJavascriptが入っていると、DOMContentLoadedはスタイルシートをロードしたあとに発生して、スタイルシートのあとにJavascriptがないと、スタイルシートのロードを待たずにDOMContentLoadedが発生する。続きをよむ

  • web
  • Yutaka Yamaguchi
Closure CompilerのAdvanced modeでscriptをcompileした場合、Property RenamingとFlatteningがかかるので、global scope上にabとかBaとか短い名前のプロパティがたくさん作られるようになります。compileしたスクリプトが一つの場合は問題ありませんが、まったく別にcompileしたスクリプトを複数併用しようとすると、プロパティ名が衝突してしまって使うことができないという状態になります。その回避法続きをよむ