Category : iPhone/iPad/iPod/Android

READ MORE

Webサイトを作る際、最近では様々な画面サイズ(解像度)のデバイスが増えていることからレスポンシブで構築する際のviewport設定に迷うことがあります。すべてのデバイスで画面幅に合わせて綺麗に表示させるにはviewportの値を切り替えてしまった方が楽な場合もあったのでスマートフォン[iPhone/Android]と…

READ MORE

iPhone6 / iPhone6 Plusの登場によりWebサイトを作る上で今まで以上に画面サイズのバリエーションを数多く想定しなくてはならない状況になってきました。中でも「iPhone6 Plus」は解像度が1920×1080と大きく、タブレットに近いサイズにまでなっておりこの先、Webページを作成する際に「iPh…

READ MORE

Android(アンドロイド)開発では通常のWebサイト制作では聞きなれないdp(dip)という単位を使用することがあります。Androidでの基本的な5つの解像度【ldpi】【mdpi】【hdpi】【xhdpi】【xxhdpi】の各画面で表示する際の共通単位になるようですが、このdp(dip)の値をpxに変換する必要…

READ MORE

今やサイト設計の際に必ずと言っていいほど考慮しなくてはならないレスポンシブWebデザイン。実装する際には通常のPCサイトを制作するのに比べて設計部分でいろいろと考慮しなくてはいけない部分が多くなりますがそんなレスポンシブWebデザインのサイト設計の際に役立つWebサイトを2つほど紹介してみます。This Is Resp…

READ MORE

先日ここでも紹介したjQueryを使ってのドラッグ&ドロップUI。通常jQueryでドラッグ&ドロップを実装するには「jquery-ui.js」を使って「.draggable()」「.droppable()」といったアクションを使って操作しますがこれらはiPhoneやAndroidには対応していません。そこで、これらの…

READ MORE

前回の記事で、iPhoneやiPad、Androidなどに加えてPCでも動作するフリック/スワイプ動作UIをjQueryで実装する方法を紹介しましたが、前回の単純なフリック/スワイプのUI動作に加えて、自動で次の画像に切り替わるスライドショー動作とメインビジュアル部分にNEXT/BACKのボタンを追加したパターンでの画…

READ MORE

iPhoneやiPad、Androidといったスマートフォンやタブレット端末ではフリック/スワイプと呼ばれる指でスライドさせるUIが付き物になっています。jQueryでもこのフリック/スワイプ動作を実装できるプラグインはたくさんありますがいざ自分で作ろうとすると意外と大変な動作だったりします。この動作についていろいろ調…

READ MORE

少し前に「jQuery(JavaScript)でiPhone、iPad、Androidなどデバイスを判別してURLをリダイレクトする方法」と題して、スマホ系のデバイスを判別してURLをリダイレクトさせる方法を紹介しましたが、ユニクロさんやほぼ日さんのサイトではスマホ系デバイスでアクセスするとアラートでスマホ向けのサイト…

READ MORE

最近のWebサイト制作では、通常のPCサイトを制作するだけでなくiPhoneやAndroidのスマートフォンや、iPadなどタブレット向けにそれぞれサイトを用意し、デバイス毎にアクセスさせるURLを分けることも増えてきました。その様な場合のデバイス制御に使える(であろう)iPhone、iPad、AndroidでPC向け…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技