Web制作者がiPhone Xの発売前に知っておきたい、Webページを表示した際に起きる現象とその解決方法
iOS 11が本日リリースされ、iPhone Xの発売を楽しみにしている人も多いと思います。 しかし、Web制作者やブログのオーナーはiPhone Xに対応しておく作業が増えるかもしれません。 iPhone Xではスクリーンが変更され、それに対応するための解決方法を紹介します。 Removing the White Bars in Safari on iPhone X 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 iPhone XでWebサイトを表示した際の問題点 解決方法 その1: background-color 解決方法 その2: viewport-fit 解決方法 その2 補足: safe-area-inset-* iPhone XでWebサイトを表示した際の問題点 新しく発売されるiPhone Xは、美しいディスプレ
[Web] スマートフォンのびよーんと伸びるスクロールの動きを止める方法 - YoheiM .NET
今日はライトなネタを(*´∇｀*) スマートフォンでWebサイトを見た際に、指でスクロールすると、 画面外までびよーんとスクロールできます。iPhoneとか。 でも時には、その動作をして欲しくない事も。指で絵書くサイトとか。 そのびよーん動作を防ぐ方法をブログに残したいと思います。 びよーん動作を防ぐスクリプト ひっぱって戻る動作を防ぐ為に、横スクロールの禁止と縦スクロールの禁止に分けて対応します。 横スクロールを禁止する 横スクロールを禁止する為には、metaタグでviewportの設定を行うとできるようです。 <meta name="viewport" content="width=500px ,initial-scale=0.64 ,user-scalable=no"/> 横幅指定と、初期表示倍率指定と、ユーザーによる倍率変更の禁止です。 縦スクロールを禁止する びよーん動作を防ぐた
![[Web] スマートフォンのびよーんと伸びるスクロールの動きを止める方法 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/dec74d500d491387e21b41cc1fad38d9634c1600/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F038.png)
よく分かる！iOS アプリのリリース手順のまとめ | DevelopersIO
2014/04/16 コンプライアンスの「Content Rights」と「Advertising Identifier」についての解説を追加しました。 はじめに iOS 7 がリリースされ、さまざまな新しい機能が使えるようになりました。iOS 7 SDK を使ったアプリをリリースしたい！と思っているかたも多いのではないでしょうか。しかし iOS アプリのリリース作業は手順が複雑そうで取っ付きづらい印象を持たれているかたが多いと思います。筆者もそうでした。 ということで、最新 (2013年10月21日現在) の iOS アプリのリリース手順についてできる限り分かりやすくまとめてみました。リリース時の参考にしていただければと思います。 概要 まずはじめに全体像を確認しておきましょう。iOS アプリのリリースは下図のようなフローで行います。 リリース用の Provisioning Profil
Popular Magazine - Popular Daily News
$800 to $1800 SSDI Disability Payments May 2024: The United States of America’s financial government has implemented several different programs in an effort to provide assistance to residents. Individuals who are disabled or suffering from low or no income are eligible for financial assistance through these incentive programs. Recent events … Read more
iPhoneアプリ申請やAppleの審査に関するメモ - Qiita
iPhoneアプリの申請作業を行う上で知っておいた方が良いことをまとめておきます。 一部個人の見解も混ざってます 申請ルールなどは予告なしに変更になることがよくあるので、本記事の内容は古い場合があります アプリ申請前 アプリはどこから申請するの？ App Store Connectというサイトから申請できます。ブラウザはSafariでアクセスすることをおすすめします。 ※2018/6/5 、「iTunes Connect」は 「App Store Connect」 に名称が変更されました。 誰でも申請できるの？ Apple Developer Programに登録する必要があります。（年間参加費 ¥11,800） また、アプリのアップロード時にはXcodeが必要なので、Macは必須になります。 アプリの申請時には何が必要なの？ 次の情報が必要になるので事前に準備しておきましょう。 アプリ名
HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ
HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid
[XCODE] UINavigationBarの背景をカスタマイズする方法 - YoheiM .NET
こんにちは、休日にiPhoneアプリ開発中の@yoheiMuneです。 今日は、多くのアプリケーションで利用されているナビゲーションUIにおいて、 UINavigationBarの背景デザインをカスタマイズして独自デザインにする方法を記載したいと思います。 UINavigationBarの背景は、以下のどちらかの方法でカスタマイズすることが出来ます。 backgroundColorを指定する 背景画像を指定する 上記以外にUINavigationBarクラスを拡張して描画部分をカスタマイズする方法もありますが、 上記2つのどちらかを行う事で、事足りる事がほとんどなので上記2つを紹介させて頂きます(*ﾟ▽ﾟ)ﾉ 背景色を指定する backgroundColorを指定するには、以下のように簡単に行う事が出来ます。 // selfは、navigationController上のUIViewCon
![[XCODE] UINavigationBarの背景をカスタマイズする方法 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/da79d44ac9df8e0ea70956536683a45ca4c0d538/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F166.jpg)
Ratchet
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
【iPhone】Push Notificationの実装方法 | iphoneアプリで稼げるのか
新作でTwitter,はてな,Google Readerから横断的に情報収集し、マルチポストするアプリを作っているのですが、そこでTwitterのリプライPush機能を実装したので、Push Notificationを実装する方法をまとめてみます。 Push Notificationの流れ Push Notificationに関する登場人物は、 iPhone Apple Push Notification Service(APNs) Provider の３者です。 iPhoneはいわずもがな、みんなの手元にあるiPhone。APNsはAppleが用意しているPushしてくれるやつです。Providerは、開発者が用意するもので、こいつがPushしたい情報を送る役割を持ちます。 この３者間でのデータの流れは大きくデバイス登録とPush通知の２つのフェーズに分かれます。 デバイス登録
iOS で SQLite - FMDB の使い方 - アカベコマイリ
iOS で SQLite を簡単に扱うためのライブラリ FMDB についてまとめる。 2017/1/22 本記事のサンプルを最新の Objective-C と Swift で書き直して記事にまとめました iOS で SQLite - FMDB の使い方 2017 FMDB とは？ FMDB は SQLite を iOS の Objective-C で扱いやすくするための Wrapper ライブラリ。 GitHub で公開されている。 ccgus/fmdb インターフェースや使用感は JDBC や ADO.NET に近い。よってこれらを利用したことがあればスムーズに理解できるだろう。 FMDB の仕様準備 まず FMDB を利用したいプロジェクトで SQLite 用のライブラリを有効にする。手順は以下。 Xcode 左ペインのナビゲーションからプロジェクトを選択 右ペインに PROJECT
Xcodeで超簡単なWebViewアプリつくる【Xcode4.2.1】【WebView】【Obj-C】【iPhone】 - DRYな備忘録
【問題】 Xcodeを使ってネイティブ（っぽい）アプリを作りたい。 ウェブの表面（HTML,JS,CSS）は知ってるので、とりあえずWebViewでwebページ表示できたらいいや、というところで、WebView一本のXcodeプロジェクトをつくる。 【記録】 まずXcodeの入手、これは割愛。 次にXcodeを開く。 Create a new Xcode project を選択！ で、どんなアプリなん？と聞かれるので、 Single View Application を選択！ このあと、プロジェクトの名前を聞かれるのでhoge02とかにでもしといて、 次に、プロジェクトの保存場所を聞かれるので、テケトーにデスクトップにでも。 まずやるべきことは、 viewCntroller.m というファイルの、今回はガイドにしたがって viewDidLoadというプロセス（このへん）に 以下のコードを書
ページを下に引っ張ると更新されるiPhone風UIを提供するjQueryプラグイン「Hook.js」:phpspot開発日誌
Hook.js - Pull to refresh. For the web. ページを下に引っ張ると更新されるiPhone風UIを提供するjQueryプラグイン「Hook.js」 最近iPhoneを使っているとよくみるあのインタフェースをブラウザ上で実現。PCでも下にスクロールして上に移動すれば更新出来ます。 ページが更新されるだけなので、コールバック関数を設定できるように改造すればajaxによるページの更新なんかも可能ですね 関連エントリ HTML、CSS、JSでiPhoneアプリのプロトタイプが作れる「Ratchet」 iPhoneアプリ作成に使えるPSD素材集１０ iPhoneの傾きで画像を回転させられるようにする「lenticular.js」 画像やスクリーンショットを実際に利用しているiPhoneやiPad画面にはめ込める「PlaceIt」 iPhone風のあのスクロールをPC
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
PhoneClean® – Free, Safe, and Intelligent iPhone & iPad Cleaner
Enjoy a cleaner, faster and better iPhone, in almost every way By bringing you the hands-free cleaning, in-depth privacy protection, ultimate speed-up and an array of innovative iOS maintaining features, PhoneClean 5 comes to elevate your iPhone, iPad experience, even at a whole new scale. Tips: If you are also seeking a way to keep your Windows PC cleaner, faster and safer, congrats you make it.
inspired-ui.com - このウェブサイトは販売用です！ - inspired ui リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mobile Design Inspiration
http://docs.phonegap.com/jp/2.0.0/guide_getting-started_ios_index.md.html
http://phonegap.com/
GitHub - mikefrederick/MFSideMenu: Facebook-like side menu for iOS
Monaca
