iPhone 12系統のレスポンシブ対応のメモ書き
今朝発表されたiPhone 12系統のレスポンシブ対応についてのメモ書き。取り急ぎ。 12 Pro Max 👉 428px (3x) PlusシリーズやXR,11,11 Maxの414pxよりも14px広い。 12 / 12 Pro 👉 390px (3x) 6〜8、Xや11 Proの375pxよりも15px広い。 12 mini 👉 360px (3x) ただし、miniの場合は375pxで描写してスケーリング表示するらしい？ とは言え、Androidのデバイスの多くは360pxなのでiPhone 12 miniの描写サイズが375pxだろうが360pxだろうが関係なかったりします。 横幅360pxでしっかり表示されていることは必須条件です。 追記1：これからも4インチ(320px)を意識する必要はあるのか？ 個人的見解ですが、あります。 理由としてはiPadのSlide Over
iOSでのsubmit, buttonのデザインをリセットするCSS - Qiita
iPhoneなどでinput要素のボタンにCSSが効かない時の対処方法です。 まず以下のCSSでスタイルをリセットしてから装飾すると反映されます。 参考画像こちら /* iOSでのデフォルトスタイルをリセット */ input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; } input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decor
iOS8でposition:fixedなheaderに付けたinputにフォーカスを当てると一番上までスクロールしてしまう
スマートフォンサイトを制作していて発生した問題です。 headerタグにposition:fixed;を指定しスクロール時に画面上部に常に固定配置されるヘッダーを作成しました。 そのヘッダーにinputを利用して検索ボックスを設置したのですがiOS8のsafariで検索ボックスにフォーカスをあてると、htmlの構造上ではinput要素がコンテンツより上部に存在するためか一番上まで自動的にスクロールしてしまうという問題が発生しました。 <header style="position:fixed;"> <input type="search"> </header> aaa<br> aaa<br> aaa<br> ... こちらに実際にテストができるサンプルページを作成しましたので是非iPhoneなどで閲覧していただければと思います。 サンプルページ ちなみに、古い機種ですがArrowsESとい
スーパーマリオ ラン
サクッと遊べるお気軽マリオ「リミックス10」 「リミックス10」は、10種類のショートコースをテンポよく遊ぶモード。10コース走り抜けた後の「ボーナスゲーム」では王国に配置できる特別なアイテムを手に入れることができます。 9種類の特別コース「ワールド★」 「ワールド★(スター)」は、全9コース。コースごとに決められたミッションを達成すると「森」、「コインのせんかん」、「お化け屋敷の外」など新たなコースが遊べるようになります。 2段ジャンプでコースを攻略!「デイジー」が登場! 「リミックス10」で迷子になったデイジーを見つけると仲間になります。「2段ジャンプ」を使って、これまでのキャラと違う操作感でコースを楽しめます。
盲目のiPhoneユーザーに聞いた、視覚を使わない驚きのスマホ操作術 | スタッフブログ | マイネ王
画像：スマホのイラスト ！？ え、iPhoneってツルツルですよ！？ 触ってわかるボタン、ほぼないですよ！？ 『電話もメールもインターネットもしますよ』とのことだったのですが、 一体、どうやって使ってるの……！？ き………… 気になる〜〜〜〜！！！！ もっと話を聞かせて〜〜〜〜！！！！ 画像：ダイアログ・イン・ザ・ダーク前での社領の写真 ということで、外苑前にある施設 「ダイアログ・イン・ザ・ダーク」 にやって来ました！ 「ダイアログ・イン・ザ・ダーク」は、暗闇のソーシャル・エンターテインメント。完全な真っ暗闇の空間へグループを組んで入り、暗闇のエキスパートである視覚障がい者のスタッフの案内で、視覚以外の感覚を研ぎすませながら中を探検したりと、さまざまな体験ができる施設です。
副業ONLINE
コロナの影響で働き方を考え直す方も増えたのではないでしょうか？ そこで今のままでは心配…という事で副業を始めてみようかなと考える方も多いと思います。 ネットビジネスが主流だと思いますが、種類も多くパソコンのスキルなどが必要だった...
なぜiPhoneのアイコンは角が丸いのか―スティーブ・ジョブズが抱き続けた美意識 - iPhone Mania
iPhoneのアイコンはなぜ角が丸いのか――その理由はiPhoneが発売される20年以上前にスティーブ・ジョブズ氏が放った一言にありました。 デザインに妥協を許さないアップル 幾つかの例外を除けば、いつの時代でもアップルのデザインはソフトウェアとハードウェアの両面でひときわ存在感を放ってきました。しかし、同社に飛躍的な成長をもたらしたのは何と言ってもiPhoneで、この端末についてのアップル幹部の気合の入れようは並大抵ではありませんでした。 それは元アップル副社長であるスコット・フォーストール氏が、「すべてのアイコンのすべてのピクセルをチェックするために宝石鑑定用のルーペがある」と自慢したことに代表されるでしょう。 そんなiPhoneを代表するデザインが、今となってはお馴染みの「角のない四角」iOSアイコンです。ニュースサイトBGRによると、何もこの発想は突然出てきたものではなく、スティー
Amazon.co.jp: ノマド ノマドクリップ NMD−02L: ワイヤレス
本体サイズ（約）：縦8×横4.2×厚1.3cm 素材：ステンレススチール、ポリカーボネイト
PLAYFUL BOOKS - プレイフルブックス
PLAYFUL BOOKSシリーズ販売終了のお知らせ 日頃は、弊社製品をご愛用いただきまして誠にありがとうございます。 この度、PLAYFUL BOOKSシリーズにつきまして、誠に勝手ながら2018年1月16日をもって販売を終了させていただくこととなりました。 これまでご愛顧頂いておりましたお客様には、ご迷惑をおかけすることになり、深くお詫び申し上げます。 長い間ご利用いただきまして、誠にありがとうございました。 なお、本製品の修理サービスおよびサポートにつきましては、2019年1月末まで継続させていただきます。 スマートフォンで楽しさひろがる 「まほうのえほん」 スマートフォンをセットすることで ページをめくるたびに様々な演出が起こる新しいかたちの絵本です
iPhoneでフォームにforcusしたときズームしないようにする
iPhoneでフォーム要素にフォーカスすると画面が拡大されるあの効果。 入力時に画面が拡大表示され、入力が終わっても拡大状態がキープされているあの効果。 スマートフォンでパソコン用のウェブサイトを見ているときは、次のフォーム要素を押しやすくていいのですが 「大きい文字」「大きいボタン」のちょうどいいデザインで拡大されると、これが煩わしい！ スマートフォン最適化するときは、解除したいところです。 この、フォーカスすると拡大される機能は HTMLのheadで指定するviewportにあるuser-scalableを no（または0）にすると発動しなくなります。 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> user-sca
拡大縮小もできてiPhoneでフォームにforcusしたときズームしないようにする
iOSのSafariには、 フォーム要素へフォーカスするとページ全体が拡大され、入力が終わっても拡大されたままという ありがた迷惑な独自仕様があります。 （ダブルタップやピンチインすると元の倍率に戻せますが、毎回なので煩わしい…） 以前、この現象を回避する方法として viewportでページを拡大できないようにして、フォーカス時に拡大しないようにする方法を紹介したのですが ピンチイン（アウト）での拡大縮小は許可したまま iPhone（iPad）でフォームにforcusしたときズームしないようにする方法もありました！ サンプル ※iPhoneでひらくと動作を確認できます 入力フォームのfont-sizeが関係していた iOS Safariの初期スタイルで、bodyの文字サイズが16pxになっているからでしょうか inputとtextareaの文字サイズが16px以上なら フォーカス時の自動拡
「1アプリの広告収入は平均40,000円」アドネットワーク「nend」が生データから語る激変のアプリ市場。 | アプリマーケティング研究所
「1アプリの広告収入は平均40,000円」アドネットワーク「nend」が生データから語る激変のアプリ市場。 国内最大級のスマホアドネットワーク「nend」を運営する株式会社ファンコミュニケーションズさんにお話を伺いました。前後編に分けてお届けする予定ですが、前編では「nendのデータからみたアプリ市場」のお話をまとめています。 ※左からnend事業部の中野さん、マネージャーの浅見さん、執行役員の二宮さん。 「メディアサイド(アプリデベロッパー)」のデータで見るアプリ市場 データから見たアプリ広告市場を「メディアサイド」と「広告主サイド」で、大きくふたつに分けて解説いただきました。まずメディアサイド（アプリデベロッパー）側のデータからです。 ※nendはスマホ（アプリ＆WEB）のアドネットワークですが、今回はアプリに絞ってのお話。 「広告収益」はiOSとAndroidどちらが稼ぎやすい？ 浅
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gadgetino.net
iPhone修理のモバイルフォンプロテクター「モバプロ」
iPhone女史