HTML/css/JavaScriptコーディングの鉄則、その1。「DOMで最優先されるのはID名である」このことを覚えておくとコーディングにおいて何かと役に立つ。 たとえばaタグ全部をgetElementsByTagNameメソッドで取ってきて、 ontouchstartとontouchend（iPhone/Andr…

iPhone/AndroidではJavaScriptのwindow.orientation;を取得できる。 jQueryスタイルでの記述方法を用いると、下記のような大変シンプルなコードでデバイスの縦持ち（portrait）と横持ち(landscape)でcssの切り替えが実装可能である。 function switchOrienta…

従来のロールオーバーは1)cssのa⇔a:hoverで背景を切り替える 2)JavaScriptでonmouseout⇔onmouseoverで背景もしくはimg srcを切り替えるの二つの方法で実装可能だが、これをそのままスマートフォン向けに実装すると、下記のような不具合が起きる。・ボタンの…

iPhone/AndroidではJavaScriptのwindow.orientation;を取得できる。jQueryスタイルでの記述方法を用いると、下記のような大変シンプルなコードでデバイスの縦持ち（portrait）と横持ち(landscape)でcssの切り替えが実装可能である。 function switchOrientat…

従来のロールオーバーは1)cssのa⇔a:hoverで背景を切り替える2)JavaScriptでonmouseout⇔onmouseoverで背景もしくはimg srcを切り替えるの二つの方法で実装可能だが、これをそのままスマートフォン向けに実装すると、下記のような不具合が起きる。・ボタンの色…

HTML/css/JavaScriptコーディングの鉄則、その1。「DOMで最優先されるのはID名である」このことを覚えておくとコーディングにおいて何かと役に立つ。たとえばaタグ全部をgetElementsByTagNameメソッドで取ってきて、ontouchstartとontouchend（iPhone/Androi…