iPhoneに関するsanata0130のブックマーク (10)

  • Device pixel density tests

    If you have a device that isn’t listed below and has a -webkit-min-device-pixel-ratio that’s not 1.0, please let me know and I’ll add it to the list. I’m @marcedwards on Twitter. Devices with -webkit-min-device-pixel-ratio: 1.0 All non-Retina Macs Apple iPhone (1st generation) Apple iPhone 3G Apple iPhone 3GS Apple iPad (1st generation) Apple iPad 2 Apple iPad mini (1st generation) Acer Iconia A50

  • 2段階認証に対応した1Passwordと、その他のトークンアプリについて

    パスワード管理アプリの1Passwordがもう一歩進んだ便利さを提供してくれるようになりました。 1Passwordがどのようなアプリかというのをさらっと復習しておくと、 ・IDやパスワードを管理できる ・パスワードを生成してくれる ・ブラウザなどのExtensionから呼び出すことでIDとパスワードを自動入力してくれる ・TouchIDを使い指紋認証だけで呼び出せる 管理とログインを容易にしてくれるって感じですね。 今回それに2段階認証の対応が加わりました。これはPro版の新機能です。 1Password 無料 販売: AgileBits Inc. 評価: 4(657件) iPhone/iPadに対応 Pro版にするにはアプリ内科金1,000円が必要です。 2段階認証とは パスワード流出事件は後を絶ちません。 ユーザーがどんなに気を付けていても、流出してしまったら悪用されてないことを祈る

    2段階認証に対応した1Passwordと、その他のトークンアプリについて
  • デザイナー向け!iPhone6対応について

    (追記 140919 11:00)iPhone 6 Plusを入手しました 特に対応してないアプリで遊んでみても画像の劣化は問題にならないレベルです(主観だけど) (追記 140920 15:00)iPhone 6でのアプリUIについて別記事たてました みなのもの落ち着け! iPhone6/6+の発売がいよいよ明日となりました! 二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、 慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。 画面解像度 アイコン・スプラッシュ レイアウト対応について ひとまず気にするのはこの辺りの情報! あとはおまけで便利そうなリンクも載せました これを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。 それにしても時代はレスポンシブです。 やれやれだぜ。 基的な情報 画面解像度はこうなってます 端末 解像度 インチ 書

    デザイナー向け!iPhone6対応について
  • initial-scale=1 makes Safari iOS react to orientation change - QuirksBlog

    One common problem on iOS is that, when you use a meta viewport tag with width=device-width, the page doesn’t react to an orientation change. On the iPhone the page becomes 320px wide and on the iPad 768px, regardless of whether you’re in portrait or in landscape mode. Sometimes this is annoying. Today I found a solution: use initial-scale=1 instead of width=device-width. Although I’m not the firs

    sanata0130
    sanata0130 2014/07/29
    initial-scale=1だけにすると回転とかで変な問題が起きないの話 width=device-width
  • iOSアプリ未インストール時にSafariでカスタムURLスキームを開く時の対策 - Qiita

    iOSアプリケーションにカスタムURLスキームを実装し、SafariからそのURLを開く際にまだユーザがそのアプリケーションをインストールしていなければそのURLを開けずにページエラーになってしまう。その場合はアプリケーションをインストールする導線を張りたい。 対策1 workaroundとして以下のhackがある。 setTimeout(function() { window.location = "http://itunes.com/apps/yourappname"; }, 25); window.location = "custom-uri://"; hack1の説明 window.locationにてカスタムURLスキームを設定し、そのURLに対応したアプリケーションがない場合(Safari自身も対応していない場合)、window.location = "custom-uri:/

    iOSアプリ未インストール時にSafariでカスタムURLスキームを開く時の対策 - Qiita
  • 知らないと危険がいっぱい!自分のiPhoneを守るために最低限しておきたい設定5つ | カミアプ

    ども!ともぞうです。 先日、iOS7.0.6へのアップデートがありましたが、これは悪意のあるウェブサイトでユーザーが入力した情報が傍受されたり、改ざんさたりする恐れのあるセキュリティ上の問題を改善するものでした。 では、iPhoneの安全性はiOSを常に最新に保っておけばよいかと言うと、これがそうでもないんですよね。設定次第では、個人情報を盗み見られたり、紛失したiPhoneを探せなくなったりする可能性もあるんです。 そんな事にならないよう、最低限 設定しておきたい5つの項目とそのままの場合の危険性についてご紹介したいと思います。 必須設定その1:パスコードもしくはTouch ID 設定していない人は少ないとは思いますが、何はともあれ必ず設定しておきたいのは”パスコード、もしくはTouch ID”です。

    知らないと危険がいっぱい!自分のiPhoneを守るために最低限しておきたい設定5つ | カミアプ
  • 4ヶ月使ってみてわかった意外に気付いていないiOS7の地味な変更点27項目

    画像元 : Designspiration iOS7からもうすぐ4ヶ月が経とうとしている年明け2014年、最初は戸惑っていた操作も大分慣れてきて新しい機能をバリバリに使いこなしそれを享受しているころだと思います。やっぱiOS7の方が便利だわって。そこでもう出尽くした感のあるiOS7の変更点や新機能、長所短所を地味な目線で掘り下げてまとめてみました。 iOS7の地味で便利な使い方 ・iPhoneの通話音質を向上させるちょっとした設定方法 iOS7でかつ、iPhone5かiPhone5Sユーザーは使用してもしなくてもぜひチェックしてみてください。iPhone5Cにはこの項目はないみたい。 ・iOS7でメールのフラグアイコンを丸いオレンジから元に戻す方法 メールのフラグアイコンが変更になりましたが以前のフラグに戻すこともできます。 ・iPhoneのLEDフラッシュライトを超簡単にオフする方法がす

    4ヶ月使ってみてわかった意外に気付いていないiOS7の地味な変更点27項目
  • AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ

    AndroidiPhoneHTML,CSS,JavaScriptのバグまとめ AndroidiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidChromeで が「・」になってる気がする | ビビビッ  を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:

    AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
  • iOSのSafariで特定のfont-sizeのときの謎の隙間 - Webtech Walker

    iOSのSafariでなぜか特定のfont-size(11px、10px、9px)のときだけマルチバイトの幅計算がおかしいのか、折り返し位置がずれるという件。 DEMO これをiPhoneで見るとこんな感じになる。 こんな感じ。11px、10px、9pxのときに右側に隙間が空いてるがわかると思います。これは特にpaddingとかとってるわけではなくて、このfont-sizeのときだけなぜか隙間が空くんです。8pxは大丈夫なので11px以下というわけではないみたい。さらにマルチバイトでなければ隙間はできない。謎。 ちなみにiOS4.3でも直ってなかった。Androidは大丈夫。 解決方法知ってる人がいたら教えてほしい。 追記:letter-spacing: -0.001em; で直るっぽい

    iOSのSafariで特定のfont-sizeのときの謎の隙間 - Webtech Walker
    sanata0130
    sanata0130 2012/03/13
    letter-spacing: -0.001em;
  • iOS5なのにposition:fixed;が効かない時に確認すること | Culture27

    なんだかんだでFirefoxメインで制作しているわけですが、とあるページでposition:fixed;が効いてないみたいだよ?と@e_luckさんに教えてもらいまして、、、でちょっと調べてみて気づいたことです。 HTML5 Rocks - Improving the Performance of your HTML5 Appの「The magic CSS bullet」で紹介されていた下記のコードは、指定するとGPUアクセラレーションが有効になるのでパフォーマンス向上の恩恵を受けることができるかもしれない、といったような事が言われています(アニメーションの描画がスムーズになる?)。 GPUアクセラレーションを有効にするスタイル

  • 1