jQuery(JavaScript)でiPhone、iPad、Android向けにアラートを表示してURLをリダイレクト(選択)させる方法 2012/02/22
少し前に「jQuery(JavaScript)でiPhone、iPad、Androidなどデバイスを判別してURLをリダイレクトする方法」と題して、スマホ系のデバイスを判別してURLをリダイレクトさせる方法を紹介しましたが、ユニクロさんやほぼ日さんのサイトではスマホ系デバイスでアクセスするとアラートでスマホ向けのサイト…
少し前に「jQuery(JavaScript)でiPhone、iPad、Androidなどデバイスを判別してURLをリダイレクトする方法」と題して、スマホ系のデバイスを判別してURLをリダイレクトさせる方法を紹介しましたが、ユニクロさんやほぼ日さんのサイトではスマホ系デバイスでアクセスするとアラートでスマホ向けのサイト…
最近のWebサイト制作では、通常のPCサイトを制作するだけでなくiPhoneやAndroidのスマートフォンや、iPadなどタブレット向けにそれぞれサイトを用意し、デバイス毎にアクセスさせるURLを分けることも増えてきました。その様な場合のデバイス制御に使える(であろう)iPhone、iPad、AndroidでPC向け…
iPhoneやAndroidのスマホ系サイトで、指をタッチしてスライドさせるスワイプといわれる動作。このスワイプ動作はCSSのみでは実現することが困難で、実装するには意外と面倒だったりします。そこで、このスワイプ動作を比較的簡単に実装することが出来るjQueryプラグインがあったのでいくつか紹介してみます。Skinke…
iPhoneやAndroid(アンドロイド)向けのスマートフォンサイトを制作する際、各キャリアの縦向き、横向きを考慮した画面設計やHTML構成を考えて制作しなければなりません。それぞれ端末ごとに細かな設定の変更が必要な場合などOSの判別をする必要になってきますが、そんな際に使える、jQueryを使って簡単にOSを判別し…
Web制作においてのHTMLやらCSSやらの知識がまったく無くても、誰でも手軽にスマートフォン向けのWebサイトを作ることができるうえ、簡単に公開することまで出来てしまうサービス「smart4me」がおもしろかったのでご紹介。smart4me≫smart4me初めのユーザー登録でアカウント名やメールアドレスなど簡単な情…
以前、iPad用オンラインシミュレーターは紹介しましたが、同様にiPhone4で見た画面をブラウザ上で確認できるシミュレーター「iPhone 4 Simulator - Test iPhone Websites & iPhone Web Apps」がちょっと使えそうだったのでご紹介。≫iPhone 4 Simulato…
iPhoneのApplicationのサイトでデザインなど優良なものを80サイト集めたエントリー「80 Best iPhone Application Websites」の紹介。≫80 Best iPhone Application Websites - SloDive基本的にはiPhone Appの紹介サイトですが、…
iPhone/iPadでの縦向き・横向きによって、指定などを切り替えることができる方法が[to-R]さんで紹介されていたのでメモ書き。jQueryでiPhone/iPadの向きを検出する[to-R]iPhone/iPadでは横向きは「landscape」、縦向きは「portrait」という概念があるようでCSS3ではそ…
iPhoneやiPadでは、残念な事にCSSの「position:fixed」はサポートされていません。最近良くPCサイトで見かけるヘッダーやフッターを固定しているページをiPhone & iPadで見ると残念な感じになっていたり。。。(このブログもその中の一つ…)そんなiPhone & iPadに「position:…
iPhone & iPadのナビゲーションとして使用されている、メニューリストをクリックすると、スライドして次のリストが現れるメニューUI。Webサイト上でもこれを使って、メニューを構成するのもおもしろいかと思い、jQueryで実験的につくってみました。まずはサンプルから。リスト内の「▲(右向き)」が付いているものをク…