スマートフォンに。マルチデバイス対応のjQueryイメージスライダー | 海外のホームページ作成＆進出支援の株式会社メディアウェイブデザイナーの植村です。 レスポンシブWebデザインが叫ばれている昨今ですが、 その手法の一つにCSS3のMedia Queriesがあります。 簡単に言えば、ウィンドウサイズによってレイアウトを変更し、 マルチデバイス対応とする技術です。 PC用とスマートフォン用、 別々にサイトを用意する必要がないのが最大のメリットです。 そんなMedia Queriesですが、スマートフォンなど画面の小さなデバイスで 閲覧することを考慮しながらデザインする必要があるため、 あまり凝ったデザインには向いてません。 既存のjQuery(イメージスライダー等)が使いにくかったり ちょっとデザインに制約が出てくるんですね。 そこで今回紹介するのは、iPhoneやiPadのような小さいウィンドウサイズでも 大きさを自動で調整してくれるjQueryのイメージスライダーです。 Media Queriesとうまく併用す
