matchdepを使ってgrunt.loadNpmTasksする 2013年5月 6日 14:38 web Yutaka Yamaguchi matchdepを使用してgrunt.loadNpmTasksを毎回記述しないで済むようにするという話(続きをよむ)
Grunt事始め 2013年4月28日 13:25 web Yutaka Yamaguchi はじめてGruntを利用するときに行うこと。詳しくはGetting started - Grunt: The JavaScript Task Runnerを参照。 (続きをよむ)
xxhdpiの準備とdpiとdpについて 2013年4月22日 00:00 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と仕様には書かれていますけど、事実関係は未調査)。(続きをよむ)
Sublime Text 2 で JSHint 2013年4月13日 23:50 web Yutaka Yamaguchi Sublime Text 2 の JSLint から node がみつからない - メモログと関連して、少しの間JSLintを使用していたのですが、jQueryなどglobalに定義されている変数があるとそこで定義されていないと言われたりなどしてしまい、若干使い勝手が悪い。それでJSHintを使い始めてみている。 (続きをよむ)
-webkit-overflow-scrollingと慣性スクロール 2013年2月28日 00:58 web Yutaka Yamaguchi コンテンツがオーバーフローしたときにスクロールバーを表示させる場合に、そのコンテンツのスクロールの仕方を設定する値として-webkit-overflow-scrollingというのがある。 詳細はSafari CSS Referenceの「-webkit-overflow-scrolling」を参照。値を「touch」にするとnativeアプリでスクロールしたときのような、いわゆる慣性スクロールの状態になる。 (続きをよむ)
Sublime Text 2 の JSLint から node がみつからない 2013年2月18日 05:28 web Yutaka Yamaguchi Sublime Text 2にJSLintというpackageをインストールしているのですが、これが下記のようなno such file or directoryでエラーになる。(続きをよむ)
weinreでAndroidのWebViewをInspectする 2013年2月 2日 22:52 web Yutaka Yamaguchi AndroidのWebViewをinspectするという話(続きをよむ)
main要素 と default implicit ARIA semantics 2013年2月 1日 02:00 web Yutaka Yamaguchi HTML5.1で追加されるmain要素についてと、意味情報としてのdefault implicit ARIA semanticsについて(続きをよむ)
Navigation TimingとDom processing phase 2013年1月29日 07:00 web Yutaka Yamaguchi Navigation Timingの仕様では、ナビゲーションや要素にアクセスするタイミングの情報を得ることができる。このNavigation Timingの情報を表示するには、ブラウザのデベロッパーツールなどのコンソールで、window.performance.timingを実行する。現在のサポートブラウザはCan I use... Support tables for HTML5, CSS3, etcの通り。 (続きをよむ)
style要素のscoped属性 2013年1月28日 07:05 web Yutaka Yamaguchi Firefox Development Highlights - H.264 & MP3 support on Windows, scoped stylesheets + more ✩Mozilla Hacks – the Web developer blog(日本語)にて、Firefoxのnightlyでstyle要素のscoped属性に対応したという話が出ていたので、試してみました。style scoped動作確認用のcodepen(続きをよむ)
a style sheet that is blocking scripts と DOMContentLoaded 2013年1月24日 00:07 web Yutaka Yamaguchi DOMContentLoaded and stylesheets · molily(via DOMContentLoaded - Mozilla event reference | MDN)にて、head内のスタイルシートとJavascriptの配置の違いで、DOMContentLoadedイベントが発生するタイミングが変わるという話がされています。スタイルシートのあとにJavascriptが入っていると、DOMContentLoadedはスタイルシートをロードしたあとに発生して、スタイルシートのあとにJavascriptがないと、スタイルシートのロードを待たずにDOMContentLoadedが発生する。(続きをよむ)
jQueryで要素を作成するときのパフォーマンス 2013年1月16日 01:15 web Yutaka Yamaguchi jQueryで要素を作成する場合、jQuery()のExampleを参考にすると、作り方としては下記の二通りの方法があります。それでどちらの方法が処理的に速いのかなと思って(続きをよむ)
Google Closure: compileしたjavascriptを複数同時に使う 2012年12月30日 07:00 web Yutaka Yamaguchi Closure CompilerのAdvanced modeでscriptをcompileした場合、Property RenamingとFlatteningがかかるので、global scope上にabとかBaとか短い名前のプロパティがたくさん作られるようになります。compileしたスクリプトが一つの場合は問題ありませんが、まったく別にcompileしたスクリプトを複数併用しようとすると、プロパティ名が衝突してしまって使うことができないという状態になります。その回避法(続きをよむ)
CSSのサポート状態で条件分岐をする @supports 2012年12月29日 01:12 web Yutaka Yamaguchi Native CSS feature detection via the @supports rule - Dev.OperaとOpera Developer News - Why use @supports instead of Modernizr?とFeature queries: the '@supports' ruleについての話。 (続きをよむ)
Filter Effects / Adobe CSS FilterLab 2012年12月25日 07:10 web Yutaka Yamaguchi Adobeが公開しているCSS FilterLabでは、Filter Functionを簡単に試すことができて便利。(続きをよむ)
PhoneGap: Androidでカメラを使用するとアプリが止まる 2012年12月21日 21:11 web Yutaka Yamaguchi PhoneGapからAndroidでカメラを起動して撮影すると、たまにアプリが止まってしまうという問題について。(続きをよむ)