スマートフォン対応でよく使う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
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
「iOS 7」新UI、「白、黒、フラット」を基調か
Appleの工業デザイン担当シニアバイスプレジデントであり、新たに「iOS」担当デザインチーフに就任したJonathan Ive氏が同社のモバイルOSについて唯一思い描いているアイデアとは、古きを捨てて、新しきを得るということだ。 9to5Macは、まもなく発表される予定の「iOS 7」に対する大幅な変更に詳しいとする複数の匿名情報筋の話として、Ive氏の抱く新しいデザインアイデアが「全体的に白、黒、そしてフラット」を基調としていることを伝えた。この情報筋が9to5Macに語ったところによると、このことは、質感のある外観、光沢のあるアイコン、実物そっくりなデザイン的特徴を捨てて、よりシンプルなインターフェースにするとIve氏が決断したことを意味するという。 同情報筋が9to5Macに語ったところによると、Ive氏は、実物を再現するソフトウェアデザインが時の流れに耐えうるものだとは思っていな
とあるiPhoneアクセサリが開発中止に追い込まれた事情
CerevoのiPhoneケース「iConvex」は、写真を撮影した後、ケース内蔵の巻き尺で計測した長さを写真データ内にメモできるユニークな製品として注目されたが、残念ながら発売中止となった ※写真はCerevo DASHの製品情報ページから引用 ユニークな巻き尺付きiPhoneケース「iConvex」の開発が中止となった。ベンチャー企業のCerevoが、クラウドファンディングで資金を調達することにより量産化を目指していた製品だ。すでに目標金額である100万円の調達には成功しており、プロジェクトそのものは成立済みであるにもかかわらず、途中断念するという異例の展開である。 同社のブログによると、中止の理由としては「大幅な期間超過」「必要な第三者機関による認証取得遅れ」「iPhoneの接続端子規格変更」などが要因として挙げられている。 この製品がクラウドファンディングサービス「Cerevo D
「iPhone 5S」のホームボタンは指紋認証センサーを内蔵でタッチ式に？！サファイヤクリスタル製になる？！ | ゴリミー
【img via iPhone 3G upskirt by @cdharrison】 「iPhone 5s」は結局一体どうなるんだ！？マイナーアップデートに留まるのか、それともハードウェアを含めたメジャーアップデートになるのか？！ 昨日、iPhone 5のマイナーチェンジモデルになるという説が濃厚であるという記事を書いたが、台湾のサプライチェーン情報によると次期iPhoneは指紋認証に対応したホームボタンを搭載し、サファイヤクリスタル製になるらしい！ サファイヤクリスタルはダイヤモンド並に硬い 台湾テックブログTechNewsによると次期iPhoneのホームボタンは現在の外向きカメラのレンズに使用しているサファイヤクリスタル製になると報じている。これまで常に耐久性が問題視されていたホームボタンだが、ダイヤモンド並に硬い素材であるサファイヤクリスタルを採用することによって強度が改善されると見
アップル、法執行機関から「iPhone」パスコードロック解除要請が殺到
米CNETが得た情報によると、Appleは、押収した「iPhone」のパスコードロックを解除してほしいとの要求が警察から殺到していることを受けて、大量の要求を処理するために「順番待ち名簿」を作成したという。 裁判所に提出された書類によると、連邦捜査官は2012年、クラックコカインを販売した罪に問われているケンタッキー州の男性のパスコードロックされた「iPhone 4S」のために捜査が難航していたので、Appleにロック解除を要請したという。 米連邦地方裁判所のKaren Caldwell判事が先頃執筆した意見書の中で述べたところによると、アルコール・タバコ・火器及び爆発物取締局（ATF）の捜査官は、「同デバイスのロック解除を助けてもらうためにAppleに連絡を取った」という。しかし、ATFは「Appleが作成した順番待ち名簿に追加された」とCaldwell判事は書いている。 ATFの捜査官
未来の「iPhone」は目に見えないボタンを採用？--特許文書が公開
「iPhone」は将来、背景に完全に溶け込んで、事実上目に見えないボタンや操作用装置を備えるようになるかもしれない。 米特許商標庁（USPTO）が米国時間5月7日にAppleに付与した「Disappearing button or slider（消えるボタンやスライダー）」と称する特許では、iPhoneなどのデバイスのさまざまな操作用装置が普段は隠れた状態を保ち、必要なときのみ完全に目に見える状態になる仕組みが説明されている。 ボタンは携帯電話の本体と同じ素材で作られるため、継ぎ目なく溶け込む。しかし、ボタンは小さな穴を通して選択的にバックライトで照らすことができるので、ユーザーはその位置を視認できる。あるいは、そのボタンをタップして、バックライト自体を作動させることも可能だ。ボタンは、ユーザーの指の動きを感知したとき、あるいは熱や音を検出したときに作動することもできる。 スライダーも同じ
「LINEのタイムラインが何者かによってハッキングされた模様」という話について
「LINEのタイムラインがハッキングされた」という噂が出回っていたのでメモしておきます。 ※９月６日から広まっている「LINEをハッキングした」という噂についてはこちら 感謝：みなさんがTwitterやLINEなどでこの記事を友だちに伝えてくださったおかげで、このハッキング騒動の真相についての情報が広まっているようで、とてもありがたく思っています。ありがとうございます。 目次 1. 「LINEのタイムラインがハッキングされた」1.1. 追加2. 「タイムラインの障害」から生まれたデマ3. 本当にデマなの？3.1. 公式回答4. デマの質が悪すぎない？5. こんな文章も6. タイムライン有料化？ スポンサーリンク 「LINEのタイムラインがハッキングされた」 こんな文章が出回っています（誤字も原文のまま）。 LINEをご利用の皆様、誠にありがとうございます。 このたびはタイムラインについて、
iPhoneユーザーとAndroidユーザーがいがみ合いの果てに結婚式で殴り合いのバトル開始
結婚式で新郎側の出席者はiPhoneユーザーばかり、逆に新婦側の出席者はAndroidユーザーばかり、という状況下でどうでもいい些細なことをきっかけにお互いの怒りが爆発、すさまじい殴り合いのバトルに発展しています。 Switch to the Nokia Lumia 920 Windows Phone -- Engadget's Readers Choice Smartphone of the Year - YouTube 結婚式の最中 新郎新婦の関係者が左右に分かれて座り、お互いの持っているスマートフォンで撮影中 と、Androidユーザーがよりよいアングルで撮影するために前に出てきました ちょっと邪魔だからどけよ、という感じでiPhoneユーザーからクレーム 「ハァ？」という感じでなめた態度を取り始めるAndroidユーザー、どうやらGalaxyユーザーらしく、お互いの端末を接触させて
スマホサイトのUIでよく使うメニューのリスト表示まとめ３３サイト ｜ iPhoneデザインボックス
スマートフォンサイトを作るときにヘッダーにメニューアイコンを設置してクリックするとメニューリストがでるようにすることがあります。ナビゲーションの表示の仕方やアニメーションは色々あるのでまとめました。最近は、流行り？なのかFacebookのアプリように横から出てくるメニューが多いです。
iPhoneが表から裏まで全面スクリーンになる（かもしれない）特許をアップルが取得
どういった使い方を想定してるのかな？ アップルがフレキシブル・ディスプレイによって全面をスクリーンとして包み込む技術の特許を取得していたことが明らかになりました。フレキシブル・ディスプレイとは折り曲げ可能なスクリーンの技術で、これを採用することで前面・背面ともにディスプレイとなる端末の開発が可能になります。 様々な形状のデバイスが採用例として公開されていますが、その中でも目を引くのがiPhoneと思しきデバイス。アプリアイコンやスピーカー位置からiPhoneであることは間違いなさそうなのですが、用途についての言及は勿論なし。iPhoneをひっくり返して使うってなかなか想像つかないのですが、どんなシチュエーションになるのかな？ この特許技術の正しい（？）使い方が思いついた方は、ぜひコメント欄やSNSの書き込みで教えてくださいね。 ［Mac Rumors via ラシカル開発記］ （KITAH
スマホ所有率 高校生は５６％に NHKニュース
青少年でスマートフォンを所有している人の割合を、内閣府が調査したところ、高校生で持っている割合が５６％に上るなど、スマートフォンが去年１年で青少年にも急速に普及していることが分かりました。 内閣府は、去年１１月、全国の１０歳から１７歳までの青少年３０００人を対象に、携帯電話やインターネットの利用状況について調査を行い、６２％に当たる１８６７人から回答を得ました。 それによりますと、スマートフォンを所有している割合は、小学生がおととしの０％から８％に、中学生が５％から２５％に、高校生が７％から５６％に、それぞれ大幅に増えていて、スマートフォンが去年１年で青少年にも急速に普及していることが分かりました。また、携帯電話を使ったインターネットの、平日１日当たりの平均の利用時間は、全体で９７分に上り、おととしに比べて１６分長くなっています。 調査結果について、内閣府は「スマートフォン向けの交流サイト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
ggsoku.com
https://jp.techcrunch.com/2013/04/09/app-store-seo-vs-google-play/
事例紹介 | 株式会社インフォバーン
ggsoku.com
http://japan.internet.com/busnews/20130405/8.html
ggsoku.com
https://jp.techcrunch.com/2013/03/29/20130328in-app-purchase-revenue-hits-record-high-accounts-for-76-of-u-s-iphone-app-revenue-90-in-asian-markets/