スマートフォン（iPhone,Android,iPad）をjQueryで簡単に判別する方法 : おばけノート
下記のように書くと、各スマートフォン別にCSSを適用することが出来ます。 （「display:block;」とか「display:none;」とか） userAgentの名前を指定すれば良いので、CSSハックより見た目で分かりやすいです。 <script type="text/javascript"> $(document).ready(function(){ var agent = navigator.userAgent; if(agent.search(/iPhone/) != -1){ $('#hogehoge').css({display : 'none'}); }else if(agent.search(/iPad/) != -1){ $('#hogehoge').css({display : 'block'}); }else if(agent.search(/Android/)
Google Chrome で超手軽にスマホ向けデザインを確認する方法
最近、Google Chrome のデベロッパー ツールにスマートフォンでの表示を確認する機能があることを知りました。 いままでは、レスポンシブデザイン Web デザインをするときに、ちまちまとブラウザーのサイズを変えたり、Web サービス (Responsive Design Testing とか Responsive Web Design Test Tool とか) を使っていたのですが、こちらの手順のほうがお手軽なので紹介します。 設定は超簡単！！ Google Chrome のデベロッパー ツールを開いて、右下の歯車のアイコンをクリックします。 左側から [Overrides] を選んで、[User Agent] と [Device metrics] にチェックを入れます。 これだけです！ Google Chrome 32 からは設定方法が変わっています。ちょっとややこしい。 右上
「PhoneGap Build」で一層手軽になったモバイルアプリ開発
モバイルアプリケーションフレームワークの「PhoneGap」を利用すれば、HTML/CSS/JavaScriptのWeb技術のみで、様々なプラットフォームに対応したネイティブのモバイルアプリケーションを開発することができる。しかし、プラットフォームごとに環境環境を用意するのは意外と大変だ。そこで今回は、PhoneGapをもっと手軽に使うことができるWebサービス「PhoneGap Build」について紹介する。 PhoneGap Buildとは モバイル端末向けのアプリケーション開発フレームワーク「PhoneGap」では、HTMLやCSS、JavaScriptといったWeb技術を使って、様々なモバイルプラットフォーム向けのアプリケーションを単一のソースから作成することができる。『【レポート】Web標準技術でモバイルアプリ開発可能なフレームワーク「PhoneGap」を試す』では、このPhon
タッチUXを実現する7つのポイント
思ったより指はじっとしていない。タッチUIの特徴と癖を分析して、タッチUXを実現する7つのポイントを紹介する。 普及してきたタッチデバイス 現在、スマートフォンやタブレット端末がすさまじい勢いで普及してきています。iPhone/iPadは新製品が出るたびに販売記録を塗り替え、Androidのスマートフォンやタブレットも各社からさまざまな端末が発売されています。今秋にはMicrosoftからWindows 8/RTも発売され、いよいよタブレットが本格的な普及期に入ります。 これらはすべてタッチUIで操作する、ということがこれまでのPCと大きく異なります。 直感的で分かりやすいタッチUIはあっという間に市場に受け入れられました。ユーザーは新しい体験を期待と興奮で歓迎しました。今やスライドしてページスクロールは当たり前で、スワイプでページをめくることに迷う人はいません。 同時に、そのような端末で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sign in - Google Accounts