jQueryでiPhone/iPadの向きを検出する[to-R]
jQueryでiPhone/iPadの向きを検出する iPhone/iPadで向きの概念が存在し、横向き(landscape)と縦向き(portrait)によって幅が変わるのでデザインやスクリプトを変更することがあります。 そういった場合に利用できるのがメディアクエリーのorientationです。 <link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"> このように記述をすると縦向き(portrait)の場合はportrait.cssを横向き(landscape)の場合はlandscape.cssを読み込むことが出
![jQueryでiPhone/iPadの向きを検出する[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1788fe5c4e0abeec501baa392c032db6a3514abe/height=288;version=1;width=512/http%3A%2F%2Fblog.webcreativepark.net%2Fimages%2F20100817_01.jpg)
最低2秒、目指すは1秒以内。ウェブサイトを高速化するためのTIPS at #SMX Advanced Seattle 2012
[対象: 上級] ページの表示速度が、Googleのランキングを決める指標として日本を含むインターナショナルで導入されていることがSMX Advanced Seattle 2012で判明しました。 そこで今日は、ウェブページの高速化を取り扱ったセッションをレポートします。 スピーカーは、ECサイトのREIでSEOに携わるJonathon Colman（ジョナサン・コールマン）氏です。 ウェブサイトのパフォーマンス最適化 サイトを高速化する理由 コンバージョン率の最適化 カスタマーエクスペリエンスとカスタマー満足度の向上 直帰率を下げる。 競争率が非常に激しいキーワードでオーガニックからのトラフィックを増やす。 全体的な競争力を高める。 運用費を節約する。 数字で見るページスピード Googleではページスピードが検索の1%に影響している。 ユーザーがページ表示に待てるのは2秒まで。 3秒以
【jQuery】topに戻るスクロールボタン | Web Cafe
下に長いページだと、トップに戻るのがわずらわしかったりします。 そんな時に使う。 １．まずjQueryをヘッダーに呼び出す。 ２．以下のソースを好きな名前をつけjsフォルダに格納し（pagetop.jsとか）ヘッダーで読み込む $(document).ready(function(){ var pagetop = $('.pagetop'); $(window).scroll(function(){ if ( $(this).scrollTop() > 500 ) { pagetop.fadeIn(); } else { pagetop.fadeOut(); } }); pagetop.click(function () { $('body, html').animate({ scrollTop: 0 }, 500); return false; }); }); ３．ｈｔｍｌファイルの任意
javascriptで「多次元」の連想配列を定義する方法を教えてください。 （できればなるべく簡便な方法で）
javascriptで「多次元」の連想配列を定義する方法を教えてください。 （できればなるべく簡便な方法で）
JavaScriptの連想配列（ハッシュ）はArrayオブジェクトでも作成できる！？
こんにちは、橋本です。 今日は、JavaScriptの連想配列（ハッシュ）に関するお話をしたいと思います。 基本的にJavaScriptで連想配列を作るときには、Objectオブジェクトを使用します。 こんな感じ。
HTML5.jsとIE9.js｜Webクリエイターネット
以前、当サイトの”HTML5導入前に覚えておきたいこと“の記事に関して、｢html5.jsとIE9.jsのどちらを使う方がよいのですか？｣といったお問い合わせをいただきました。 また、個人的に同種の内容を質問されたことが何度かありますので、トピックスで取り上げてみたいと思います。 ※当サイトの記事にも一部追記しました。 ⇒ HTML5導入前に覚えておきたいこと~html5.jsとIE9.jsは両方必要なの?~ html5.js html5.jsは、Internet Explorerの8以前のように、HTML5の新要素に対応していないブラウザにも一部の新要素を対応させることがメインのJavascriptです。 IE9.js それに対しIE9.jsは、CSS3に対応していないInternet Explorerの5.5～8にも一部のセレクタやプロパティを対応させることがメインのJavascrip
jquery スクロールバー
スクロールバーのデザインが簡単に変更できます、ブラウザのスクロールバーがサイトのデザインになじまない時等によいですね。 マウスのスクロールにも対応しています。パラメータを指定したり、スタイルシートを変更することで、垂直スクロールや横スクロールや色などデザインを変更できます。 配布先と使い方 jScrollPane 配布先の「download」の箇所より jquery.jscrollpane.cssとjquery.jscrollpane.min.jsと、 マウスホイールの為にjquery.mousewheel.jsをダウンロードします。 jQuery本体とjquery.jscrollpane.cssとjquery.jscrollpane.min.jsとJQuery.mousewheel.jsをヘッド内で読み込みます。 <script type="text/javascript" src="j
クロスブラウザ実現のための基本関数群（DOMブラウザ対応）
Window( Frame )の幅の取得 function getWindowWidth(){ if(window.innerWidth) return window.innerWidth; // Mozilla, Opera, NN4 if(document.documentElement && document.documentElement.clientWidth){ // 以下 IE return document.documentElement.clientWidth; } else if(document.body && document.body.clientWidth){ return document.body.clientWidth; } return 0; } Window( Frame )の高さの取得 function getWindowHeight(){ if
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery逆引きリファレンス － ＠IT