『iPhoneのSafariからMakeshopのサイトにログインするときに真っ白になってしまう』
アップデート後だったので、何か不具合でもあったのかと思い他のブラウザでも試してみました。 するとChromeはSP/PCどちらも両方クルクルお待ちくださいマークで数秒でログインできました。 やはり… Safariだけなぜ真っ白に？ 通信速度も怪しいと思って調べましたが… 良好ですね… んー と悩んでいるうちにそのページで5〜8秒程放置してかんがえていたところ… なんと画面が切り替わりログインできていました（笑） 対処法としては、ログインボタンを押した後、数秒我慢して待つ です。 参考サイト 最近Safariブラウザはログインやリンクにうまく飛ばないことがあります。 アドフィルターアプリなども入れている場合もそうなのですが、 リンクやバナーを長押しして別のウィンドウで開くようになっています。 マレントでは、他にも様々な業種のC2C（CtoC）サイト構築実績がございます。 ぜひお気軽に お問い
-webkit-text-size-adjust: none を絶対に設定してはいけない理由
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
iPhoneのSafariで動くWebアプリを作ったときのメモ - 星屑日記
iPhoneではSafari上で動くWebアプリをいかにもネイティブのiPhoneアプリであるかのように見せかけて作ることができます。これだとApp Storeの審査などを通さずにリリースできるので、リリースやフィードバックのサイクルが速く、手軽に作れます。今回、ある画像ビューワーをWebアプリとして作って、そのときにいろいろ調べたのでそのメモを以下に書きます。 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />これはiPhone用ページとしては基本のviewport。今回は拡大できないようにしました。 <meta name="apple-mobile-web-app-capable" content="yes" />これが今回の肝。これを記述することでSafari
考察：Appleはスマホサイトを作らない。
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
Mobile Safari の Label 要素挙動覚え書き
iPhone/iPad/iPod touch の Mobile Safari は、デフォルトでは label 要素をタップしても関連付けたフォームフィールドのフォーカスを代行しない。 つまり、<label for="checkbox1"> などと指定しても、label タップで checkbox1 の選択状態は変化しない。 これを fix するために、ページロード時などに予め各 label の click イベントハンドラへ何らかの function をバインドする（function がバインドされてさえいれば良いので、特に何か処理をする必要はない）。 この挙動は iOS だけでなく Android の標準ブラウザでも同様らしい。 コード例 こちらの検証ページを Mobile Safari で開くと、text2 の label 以外は fix されているはず。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
