Mobile Patterns - UI UX Inspirational Gallery for iOS and AndroidSign In to View Your Boards Inspirational UI UX Patterns That Work Explore Pattern Categories Made with love for designers by designers @Simform & Maitrik Kataria
PCサイトをスマホ対応 CSSテク自己まとめ（１・２回まとめ） - Kaleidoscope
PCサイトをスマホ対応するという記事を１・２回と続けてみて、意外とボリューム満載になってしまったので、 一旦ここまでのCSSテクについてまとめます。 ■第1回 メニュー編 ■記事はこちら ★タグでViewportの設定。メディアクエリによるCSS振り分け。 スマホサイトを作る上で欠かせない準備。 … <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!--viewportの指定--> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <!--/viewportの指定--> <!--メディアクエリでPC用・
Mobile User Book 2007
COPYRIGHT 2011 IMJ MOBILE INC. ALL RIGHT RESERVED Mobile User Book 2011 株式会社IMJモバイル COPYRIGHT 2011 IMJ MOBILE INC. ALL RIGHT RESERVED 《お問合せ先》 株式会社アイ・エム・ジェイ 広報グループ TEL03-6415-4257 irpr@imjp.co.jp 1 目次 カップルのモバイルサイト利用に関する調査 2 iPhoneサイト及びアプリの利用実態調査 42 回答者プロフィール 3 回答者プロフィール 43 パートナーへのモバイルサイト推奨 4 iPhoneの所有傾向 44 パートナーから勧められたモバイルサイトの閲覧経験 5 iPhoneサイト・アプリ利用について 45 「おねだりメール」についての意向 6 iPhoneサイト・アプリ利用時間帯 46 カ
iPhoneのSoftbankモバイルの3G回線をスピードアップする方法（実は原因不明） | ひとぅブログ
3G回線が最近遅くなった？ 去年の11月頃からiPhoneの3G回線の速度が遅くなったように体感的に感じるようになりました。ちょうどその頃、東京都内や大阪市内で上りが「64kbpsに規制された？」と話題になっていたので、私もその口かな？と何となく思っていたのですが、私の場合は、下りも遅いのです。 速度を測ってみると……。下り200kbs前後、上り60kbs前後で推移していました。11月に遅くなるまでは、下り1500kbps前後、上り200kbps前後は出ていたのです。 いつか治るだろう、と安易な気持ちで2ヶ月ほど経ったけれどまだ改善しない……。うむ、これはあまりにもおかしい。原因を追及して対策を講じないと。と言うことで本腰を入れて調査してみました。 ソフトバンクモバイルコールセンターに問い合わせ iPhoneから157に電話をしてみました。上り、下りともに速度が遅い、大阪市内やその他周辺の
Webサイトのスマートフォン対応 7つの基本ルール | Web担当者Forum
個人利用を中心に急伸を続けるスマートフォン市場は、もはやニッチ市場ではなくなりつつある。過去に企業サイトの携帯電話（フィーチャーフォン）対応が問われたように、今後スマートフォン向けのサイト対応が課題になると考えられる。2010年はスマートフォン元年といわれていたが、2011年は企業のスマートフォンサイトへの投資検討が本格化してくるだろう。 2010年、スマートフォンの市場規模は急成長し、『スマートフォン利用動向調査報告書2011』（MCPC監修、インプレスR&D発行）によると、2011年3月末（2010年度）の契約数は、前年の497万契約から63％増の810万契約となる見通しだ。調査によると、契約数は年平均40％以上で拡大を続け、2015年度には4,712万契約に、コンテンツ配信事業も急成長することが予測されている。こうした調査からも、今からサイトをスマートフォンに対応しておくことが決して
「スマホ対応サイト制作 初心者向け」みたいな感じで書いてみた -1.メニュー編-（※iPhone寄り） - Kaleidoscope
【目次】 1.メニュー編 2.HTMLとCSSで画像を操る編（前編） 2.HTMLとCSSで画像を操る編（後編） 今持ってるPCサイトをスマホ対応したいなぁ…と思ってるものの、 「どこから手を付けていいのやら、わからん！！」って方も多いのではないでしょうか？ ということで、記事でも書いてみっかぁ！と、なぜかやる気になったので、連載形式で書いてみることにしました。 ただ、途中で飽きたり、やる気が無くなったら、予告無く終了する可能性大です(￣▽￣;) 僕自身、人に教えられるほどのスマホサイト制作の熟練者というわけでは無いので、もっと良い手段や方法があるかもしれません。 「ここはこうしたらいい」など、ご意見ありましたら、逆に教えてください(^-^; 【まずはじめに】 スマホサイトと言っちゃったものの、とりあえずはiPhone向けのサイトを基準とします。 Androidの「ブラウザ」も、iPhon
Marketcircle iPhoney
Looking for a way to see how your web creations will look on iPhone? Look no further. iPhoney gives you a pixel-accurate web browsing environment—powered by Safari—that you can use when developing web sites for iPhone. It's the perfect 320 by 480-pixel canvas for your iPhone development. And it's free. iPhoney is not an iPhone simulator but instead is designed for web developers who want to create
スマホサイトの作り方で、あんまり書かれてないことを書いてみた - Kaleidoscope
【スマホ対応サイト制作のより詳しい記事はこちら】 1.メニュー編 2.HTMLとCSSで画像を操る編（前編） 2.HTMLとCSSで画像を操る編（後編） スマホサイトの作り方関連のブログとかを見てて、viewport周りの基本的な設定は書かれているのですが、 個人的に重要だと思うポイントが、なかなかどなたも書いてらっしゃらないような気がするので、まとめてみました。 それは、 とにかく内側のHTML要素をハミ出さないように作る どうしてか？ ふつうは、スマホサイトというのは縦スクロールしかさせたくないですよね。 例えば、iPhoneで言うPortrait（縦）表示のとき、横幅320pxを超えたページ構成になると、 おかしな横スクロールが発生してしまいます。 viewportで拡大とかの禁止をおこなっていても、そうなります。 （まぁ、拡大とは意味が違うので当然なのですが。。。） 具体的にどうい
Androidのシェア上昇、iPhoneと互角に――メディアインタラクティブ調べ
メディアインタラクティブは1月20日、スマートフォンの利用に関する実態調査の結果を発表した。調査は1月12日から同14日まで、同社が運営するアンケートサイト「アイリサーチ」のシステムを利用して実施したもので、有効回答数は500人。 スマートフォンの所有率は16.8％に達し、購入意欲については「すぐにでも」購入したいという回答が2.2％、「今の携帯の契約期間が終了したら検討」が12.3％、「次の新機種が出たら検討」が12.7％、「今年中に検討が」19.2％となり、購入意欲のある人の割合は合わせて46.4％となった。 スマートフォンを利用しているユーザーの61.9％が、従来の携帯電話との「2台持ち」をしており、キャリア別ではドコモユーザーは76.7％、auユーザーは68.8％、ソフトバンクモバイルユーザーは57.0％が2台持ちで使っているという結果が得られた。 スマートフォンの所有者と非所有者
ウノウラボ Unoh Labs: PHPで暗号化・復号化あれこれ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
米スターバックス、iPhoneで支払いができる『Starbucks Card Mobile』を開始
コヒーチェーンのスターバックスが、米国内の店舗にてiPhoneで支払いができるサービスを開始しています。[source: Starbucks ] 追加チャージが可能なプリペイドカード「Starbucks Card」をアプリ化したもので、 アプリに表示されるバーコードで支払い 残高の確認 Paypal・クレジットカードによるチャージ 最寄りの店舗の検索 といった機能があるようです。 アプリの画面に表示されるバーコードをレジで提示することで、キャッシュレスで支払いができます。 初回のみ実物のカードを購入、番号をアプリに登録するという手間が発生しますが、その後はPaypal・クレジットカードでの追加や残高の確認などができ、物理的なカードよりも利便性が高いといえそうです。 また、ポイントや会員証などで膨らみがちなサイフから、カードを1枚減らすことができるのもメリットかもしれません。 カード会員には
スマートフォン利用者の6割強が「ガラケーと2台持ち」、ユーザー実態調査で判明
マーケティング調査会社のメディアインタラクティブは2011年1月20日、インターネットユーザーを対象に実施した「スマートフォンの利用に関する実態調査」の結果を発表した。調査結果からは、スマートフォン利用者の6割強が、スマートフォン購入後もいわゆる「ガラケー」と呼ばれる従来型の携帯電話端末をなかなか手放せずにいる実態が浮かび上がった。 今回の調査は、2011年1月12日から14日までの3日間、全国のインターネットユーザーを対象にWebアンケート方式で実施した。有効回答人数は500名。設問数は合計8問で、スマートフォン所有の有無や今後の購入予定などについて尋ねた。 まず、現在スマートフォンを所持しているかどうかを尋ねたところ、「所有している」と回答したユーザーは全体の16.8パーセントにとどまった。そこで、「所有していない」と回答した83.2パーセント（416人）のユーザーに対して購入予定を尋
スマートフォン関連の基礎勉強法 : LINE Corporation ディレクターブログ
こんにちは、ブロググループの飯田 (@iishun) です。 2011 年はさらにスマートフォン市場の拡大が加速すると云われています。弊社でも 2010 年 10 月にライブドア全体のスマートフォン関連事業を推進していくスマートフォングループが設立されました。 が、各コンテンツのスマートフォンサイト・アプリは各グループのコンテンツ担当が運用するのでスマートフォン関連の知識は必須になります。 そこで今回は僕がここ最近実践しているスマートフォンに関する勉強法を、実際に使用した参考書籍と共に紹介してみます。これから「スマートフォンの事を勉強しなきゃ！」と思った人に役に立ってもらえればなと思います。 1. HTML5/CSS3 の特徴を知る HTML5/CSS3 がスマートフォン用のマークアップ言語というわけじゃありませんが、スマートフォンのウェブサイト (Webkit 系) は HTML5/CS
WiFi Body Scale WBS01: スーパー体重計。乗るだけで iPhoneやウェブにデータ送信。twitter投稿も！ | AppBank
iPhoneやiPad、ウェブで体重・脂肪量・除脂肪量のデータ管理が可能であり、さらにtwitter連携も出来るスーパー体重計、Wifi Body Scale をご紹介！ 名前の通り、Wifiに接続し、体重を計測した瞬間にWebにデータがアップされます。体重計に乗った瞬間に体重がtweetされ、ブラウザで最新の体重をその場で確認できる様は圧巻の一言。iPhoneおよびiPadアプリである「WiScale」を使えば、体重データをいつでも確認できます。 正直言って・・・最強の体重計でしょう！！！宇宙最強キタ！！ 今年の最大の目標はダイエットなのですが、目的達成のためのツールとしては最高ですね。データは全ていつでも見られるので振り返りが簡単です。毎朝の体重ツイートも、自分へのプレッシャーに最適です。 早速レビューしていきます。設定方法も記載しましたので、購入された方もお読みください。 動画: ス
モバイル開発に欠かせないテストツール14選
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
【レビュー】指にフィットしてiPhoneをスムーズに操作できる手袋『EVOLG (エヴォログ)』
特殊な繊維を使用し、iPhone・iPod touch・iPadの操作ができる手袋『EVOLG (エヴォログ)』を購入してみました。 すでに広く知られている通り、iPhoneをはじめとするほとんどのスマートフォンは、「静電容量式」と呼ばれるのタッチパネルを使用しているため、手袋をしたままでは画面が反応せず、操作することができません。 『EVOLG (エヴォログ)』は特殊な繊維を織り込むことで、タッチパネルの操作を可能にしてくれる手袋です。 今シーズンに入り各社から同様の手袋が発売されていますが、『EVOLG』は、 指へのフィット感が高くスムーズな操作が可能 カラーバリエーション・デザインが豊富 製品からパッケージに至るまで日本製 といった特徴があります。 どれを買うか迷ってしまうほど、豊富にカラー・デザインをラインナップされ、ほんとうに迷ってしまったので、今回は最も無難で価格安い『EVOL
3人に1人がスマートフォンを所有、6割は1年以内に購入--カカクコム調べ
カカクコムは1月13日、価格.comのユーザーを対象に実施したウェブアンケート「スマートフォン徹底調査！ -購入の決め手は？-」の調査結果を発表した。 調査によると、スマートフォンの所有率は「スマートフォンのみ」が16.3％、「普通の携帯電話とスマートフォン両方」が13.0％で、合わせて29.3％と全体の3割弱となった。2009年9月の調査と比べると、所有率は7.8ポイント増加した。スマートフォンの利用開始時期については、「3カ月未満」が25.7％でもっとも多く、次いで「2年未満」が21.9％、「1年未満」が19.1％、「半年未満」が15.6％だった。全体としては、この1年以内にスマートフォンを使い始めた人が6割以上（60.4％）という結果になった。 キャリア別所有率は、iPhoneを擁するソフトバンクが半数を超える57.4％で最も多かったが、前回の調査結果の61.5％からはマイナス4.1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneデザインボックス
iPhoneにDVDを取り込む方法 | nanapi[ナナピ]