おすすめアプリ、ゲーム、iPhone、スマホの使い方、ガジェットなどのお得な情報をお届け | AppBank
![マイクロソフトの新メールサービス「Outlook.com」をiPhoneで使えるように設定する方法。 | AppBank](https://cdn-ak-scissors.b.st-hatena.com/image/square/aaae5dcc0b3b2d363796601f31d10bb0eae02c5b/height=288;version=1;width=512/https%3A%2F%2Fwww.appbank.net%2Fwp-content%2Fuploads%2F2012%2F08%2FOutlookMail-61.jpg)
iPhoneやスマートフォンでサイトを表示させると文字が非常に小さく表示されてしまいます。そこで、画面にぴったり合わせて表示させてみましょう。 HOME About this site Mail 最終更新日 2015-10-28 0:41 WordPressなどのように動的に出力するサイトであれば、スマホでアクセスすると、スマホ用の表示を出力してくれます。が、私のように自作ブログや、MovableTypeや、企業サイトなど静的なページで作成したサイトで、スマホ用やパソコン用に表示させるにはどうしたら良いのでしょうか? Sponsored Link このページの目次 iPhone6 ディスプレイの解像度は? スマホ用サイトの横幅は320 viewportで横幅ピッタリ パソコンではどう表示されるか viewportの幅の指定 一覧表 画像やテーブルがはみ出てしまう場合の対策 スマホサイトの幅
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone(iPod Touch)向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記: iPhone向けサイト制作の書籍を執筆しました! 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5+CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張(CSS)があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
未だにiPhoneデザイン中の解像度と実機に表示される大きさに慣れないshiihoです。 今回はiPhoneのデザインで自分なりに約にたったツールをまとめてみようと思います。 それでは早速見てみましょう マインドマップで遷移図を整理 iPhoneアプリは通常のWEBページに比べて状態の変化や遷移が複雑な場合があります。 マインドマップで整理してみると上記画像のように分かりやすくなりました。 ソフトによっては画像も取り込めるのでサイトマップとしての流用もできそうです。 矢印や階層表示など自動で計算して整列してくれるので イラストレーターで作るより楽に図形を制作できます。 画像はMindNodeというMacのソフトを使用していますが XmindというソフトならWindowsにも対応しています。 MindNodeダウンロードはこちら http://mindnode.com/jp/ Xmindダウ
ブラウザのサイズはそのままで、表示ページをiPad, iPhoneサイズにして確認できる -RDW Bookmarklet
iOS5.0~7.1を搭載したiPhone 4S/iPhone 4/iPod touch(第4世代) i-Scan miniアプリの安定した動作のため、iPhone 4S/iPhone 4/ iPod touch(第4世代)に30MB以上の空き容量が必要 Apple ID(i-Scan miniアプリのダウンロードに必要) インターネット接続(i-Scan miniアプリのダウンロードに必要)※通信料はお客様負担となります。 ※ iOS8以降は動作保証対象外です。 ※ iPhone5s/5c/5、iPod touch(第5世代)にも対応しておりますが 別途、Apple社製Lightning-30ピンアダプタ(0.2m)が必要です。 ※ アップル社製Lightning-30ピンアダプタ(0.2m)を使用する場合、対応iPhoneを本体に差し込み、立てて使用することはできません。 すべてのデー
これでメインブラウザに! 無料ランキング1位ブラウザ『Chrome』を使い倒す3つの小技を紹介します 2012年06月30日 21:30 カテゴリ:iphoneの小技ユーティリティーapp ツイート Chrome カテゴリ: ユーティリティ 価格: 無料 どうも@kuroji1987です。 先日リリースされてから瞬く間に無料ランキング1位となったブラウザアプリ『Chrome』。 今回はこの『Chrome』をガッツリ使い倒すために便利な3つの小技をご紹介したいと思います。これでメインブラウザに昇格できるかもしれませんよ! 1.ブックマークレットを使う まず1つ目は『Chrome』でブックマークレットを使用する方法です。 リリース時の記事でも書きましたが、『Chrome』でブックマークからブックマークレットを起動するとうまく動かすことができません。 アドレスバーに直接入力することで起動させられ
Download the new Google Chrome for your iPhone and iPad. Now more simple, secure and faster than ever. Get the best of Google Search, and easily sync your bookmarks and passwords with Chrome on your laptop. Download the fast, secure browser recommended by Google. NEW - You can now set Chrome as your default browser. Follow the in-app prompt or go to Settings > Google Chrome to set Chrome as defaul
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
Working on design or prototype for mobile application I got more and more convinced that 50% what my work is from time to time is routinen. The mobile application UI clearly standardized I have to constantly copy graphics interface from some stencil set it will tedious and just not productive. Because you still have to work with layers of a particular element. It takes a lot of time and distracts
遂にきました!どーも@nori510です。 以前より脱獄アプリとしてリリースされていた、iPhoneの画面をそのまま録画出来るアプリ「Display Recorder」が遂にアップルの認可を得て、App Storeに並んでおります。 Display Recorder カテゴリ: 写真/ビデオ 価格: ¥170 iPhoneスクリーンキャプチャ動画を録画「Display Recorder」 「Display Recorder」は、アプリを立ち上げた画面で、録画ボタンをタップすれば、ストップボタンをタップするまでのスクリーンキャプチャ動画が録れて保存されるというモノ。 とっても簡単にiPhoneのスクリーンキャプチャ動画が録れるので、iPhone画面の動きを伝えたい時など重宝しそうです。 Display Recorderの使い方 使い方はいたってシンプル。 録画ボタンを押して、 録画ボタン右の
スマートフォンアプリデザインに役立つ 基礎のまとめ!:一撃デザインの種明かし(14)(1/4 ページ) 各キャリアが新Android携帯を続々と発表し、スマートフォンへの注目がますます盛り上がる中、アプリケーションも、iPhone/Androidともに展開するものが増えてきました。 そういった中で、本稿ではスマートフォンアプリのデザインのコツをまとめてみます! iPhone/Androidともに展開しているアプリ3例 まずは、iPhone、Androidともに展開している有名アプリを3つ紹介します。それぞれのスクリーンショットを見ながら違いを探してみてください。 【1】クックパッド レシピの投稿と検索ができるアプリです。PCサイトの雰囲気はそのままに、トップ画面を旬のキーワードと履歴、検索ボックスのみに絞ったシンプルなUIになっています。要素とコンテンツを極力減らすことで、レシピ検索に集中
Tweet Triggers Examples Promo - YouTube 面白いiPhoneアプリが登場した。 Triggersは、iPhoneのセンサーをトリガーにして様々なアウトプットをするアプリ。例えば、冒頭の動画のように、音をトリガーにしてメールを送信したりLEDフラッシュを点灯させる。振動をトリガーにしてアラームを鳴らす。近接センサーをトリガーにしてカウントアップする、等々。 設定画面の説明はこちら。 「Choose the Speed」はセンサーで検知してからアウトプットするまでの時間を設定する。「Choose the Direction」の用途は分からなかった。 設定できる項目はこちら。 INPUT Microphone(音声) Accelerometer(加速度センサー) Proximity(近接センサー) Camera(輝度センサー) Time(タイマー) RULE
HOME無料アプリパソコン上で目にしている文字や電話番号を簡単にiPhoneへコピペしちゃう無料アプリ「Pastefire」で効率アップ!
2011-12-19 00:55 jQueryでは$(window).height()でブラウザーの表示可能領域の高さを知ることができます。ところが、iPadやiPhoneのMobile Safariがクライアントの場合に$(window).height()で値を得ると、実際よりもかなり小さな値が返ってきます(例えば、本来1024pxであるはずの高さが864pxとして得られる等)。 このため、困ったことになります。 例えば、下の図1はjavascriptで作成したpdf viewerです。jquery uiのdialogを使ってブラウザのviewportいっぱいに全画面表示しようとしており、表示可能領域の高さを得るために$(window).height()を実行したところ、864pxという値が返ってきて、その値を使用してビューワーのdialogの高さを設定したために上下に奇妙な空白ができ
iPhone、iPadを基準にした数値が目立ちます。 レイアウトをPC、タブレット、モバイルで変更すると考えた時に、 代表的なデバイスでありユーザー数も多いiPhone、iPadが基準になるのも自然な流れかも知れません。 しかし、例えばブレークポイントをiPad基準にした768pxにすると、 幾つかのAndroidタブレットは800pxなのでこれらのデバイスにはタブレット用のレイアウトが適用されません。 ブレークポイントの数 少ないサイトは1〜多いところでは十数のブレークポイントを設けてるサイトもあります。 ただし、多く設定してるサイトもその全てでレイアウトが大きく変化する訳ではなく、 ごく一部のコンテンツのみ調整するといった使い方をしています。 例えば下記のサイトでは1300pxを境に境界線(.splitter)のみスタイルが変わります。 Remodelista: Sourcebook
え、なんのことやらと思うようなエントリータイトルですが、以下のスクリーンショットのような状態を作りたいときです。 ちなみにviewportの指定は「<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />」の、ピンチイン殺してるやつです。 左から青赤黄色のボーダーがビューポート幅にあわせて同じ幅でぴっちりとおさまっています。 IE6脳でコーディングしてしまうとfloatで横並びにしてそれぞれの幅に「33%」「34%」「33%」を指定しておこうかとか考えがちですが、これだと右隅に余白ができてしまいます。 HTMLとCSSは以下となります。 <ul> <li><a href="#">あ</a></li> <li><a href="#"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く