MOREWebサイトを作る際、最近では様々な画面サイズ(解像度)のデバイスが増えていることからレスポンシブで構築する際のviewport設定に迷うことがあります。Plusの登場によりWebサイトを作る上で今まで以上に画面サイズのバリエーションを数多く想定しなくてはならない状況になってきました。Conversion」作ってみました。MOREAndroid(アンドロイド)開発では通常のWebサイト制作では聞きなれないdp(dip)という単位を使用することがあります。MORE今やサイト設計の際に必ずと言っていいほど考慮しなくてはならないレスポンシブWebデザイン。実装する際には通常のPCサイトを制作するのに比べて設計部分でいろいろと考慮しなくてはいけない部分が多くなりますがそんなレスポンシブWebデザインのサイト設計の際に役立つWebサイトを2つほど紹介してみます。MORE先日ここでも紹介したjQueryを使ってのドラッグ&ドロップUI。通常jQueryでドラッグ&ドロップを実装するには「jquery-ui.js」を使って「.draggable()」「.droppable()」といったアクションを使って操作しますがこれらはiPhoneやAndroidには対応していません。MOREiPhoneやiPad、Androidといったスマートフォンやタブレット端末ではフリック/スワイプと呼ばれる指でスライドさせるUIが付き物になっています。jQueryでもこのフリック/スワイプ動作を実装できるプラグインはたくさんありますがいざ自分で作ろうとすると意外と大変な動作だったりします。MORE最近のWebサイト制作では、通常のPCサイトを制作するだけでなくiPhoneやAndroidのスマートフォンや、iPadなどタブレット向けにそれぞれサイトを用意し、デバイス毎にアクセスさせるURLを分けることも増えてきました。Webサイト構築に関する技術やWebサービスを紹介するブログです。jQueryをはじめとしたWebサイトを彩る技術のほか、HTML(HTML5)、CSS(CSS3)、iPhoneやTwitterを使った実験などなど、Webサイト制作に役立つであろうと思われる情報を備忘録として掲載しています。