MOREWebサイトを作る際、最近では様々な画面サイズ(解像度)のデバイスが増えていることからレスポンシブで構築する際のviewport設定に迷うことがあります。Plusの登場によりWebサイトを作る上で今まで以上に画面サイズのバリエーションを数多く想定しなくてはならない状況になってきました。MOREjQueryを使ってのレスポンシブに対応したスライドショーを実装するいくつかのパターンを紹介してきましたが、サムネイルも何もなしでただ画像(コンテンツ要素)がクロスフェードするだけのシンプルなスライドショーのレスポンシブに対応したパターンの要望を多くいただいたので試しに作ってみたのを紹介してみます。MORE以前からjQueryを使ってのシンプルなスライドショーをいくつか紹介していますがやはり今後はサイト上に設置するスライドショー関連もレスポンシブに対応している必要が出てくることは必至なので試しに作ってみたのを紹介してみます。MOREiPhoneなどApple製品に使われているRetinaディスプレイ。従来のディスプレイよりも高解像度(1ピクセルの幅が78ミクロン)であることからRetinaディスプレイで画像を綺麗に表示するには、表示する倍のサイズで作成する必要があったり特別な対処をする必要がでてきたりします。MOREiPhoneやiPad、Androidといったスマートフォンやタブレット端末ではフリック/スワイプと呼ばれる指でスライドさせるUIが付き物になっています。jQueryでもこのフリック/スワイプ動作を実装できるプラグインはたくさんありますがいざ自分で作ろうとすると意外と大変な動作だったりします。Webサイト構築に関する技術やWebサービスを紹介するブログです。jQueryをはじめとしたWebサイトを彩る技術のほか、HTML(HTML5)、CSS(CSS3)、iPhoneやTwitterを使った実験などなど、Webサイト制作に役立つであろうと思われる情報を備忘録として掲載しています。