How to Correctly Form User-Agents for Mobile Apps | ScientiaMobile
Native apps, Mobile apps, or just apps. We call them different things and we use them all the time. From a business perspective, apps complement mobile and desktop sites. They are natural extension of an online strategy. Because of this, it’s important to take the necessary steps to make sure the native apps, and their versions, are identifiable. This is critical both from an analytics perspective
Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool | InVision
Freehand – The all-in-one collaborative workspaceUnlock your team’s full potential – ideate, plan, execute, and track projects with Freehand There is something so natural about collaborating in Freehand. It feels like you’re holding a marker, and making ideas happen. I can’t imagine doing that in another tool. It captures that human essence of being in person and talking to someone that is right n
爆速モバイルWeb、AMPの仕組み抄訳 - ku-sukeのブログ
鈴木さんの記事を読みましてAMPの仕組みについて読んでみました。以下抜粋して日本語メモを。 モバイルウェブが爆速に！ GoogleがAMP (Accelerated Mobile Pages) を立ち上げ | 海外SEO情報ブログ 追記：ざっくり言うと、主にニュースとか静的コンテンツを想定し、HTML+CSSでJSは原則禁止、広告とかで使いたい場合iframeを用意するのでその中だけ。iframeや画像は事前にサイズを固定し変更不可にすることでlazyloadしてもレンダリング時にガタガタしないよね。というAMP HTMLフレームワークを策定したお話です。 原文：https://www.ampproject.org/how-it-works/ モバイルのための仕組み （※見出しは筆者による） Web performance is not unexplored territory for t
Infer Static Analyzer | Infer | Infer
A tool to detect bugs in Java and C/C++/Objective-C code before it shipsInfer is a static analysis tool - if you give Infer some Java or C/C++/Objective-C code it produces a list of potential bugs. Anyone can use Infer to intercept critical bugs before they have shipped to users, and help prevent crashes or poor performance.
サイトのモバイル対応とレスポンシブとアダプティブと専用URL - akihiro kamijo
全世界が対象のデータでは、オンラインショッピングサイトの 87% がモバイル向けに専用 URL を提供している。この調査ではモバイルからのアクセスが 55% となっており、ニールセンの日本市場の調査結果とと近いことから、日本市場でも多少は参考になりそう。 一方、1 年ちょっと前の数字ながら、モバイルユーザーからの売り上げの 79% が PC 用サイトからというデータもあり。デバイスの制約に対する単純な妥協としてのモバイル専用サイトはあまり効果的でない？ モバイル対応手段の簡単な定義 この記事で必要な範囲だけ、各々の手法を簡単に定義。同じ言葉で違うものを指す記述を見かけるので念のため。 1．レスポンシブデザイン どのデバイスに対しても同じ HTML を使用するが、画面サイズに応じて表示が異なる viewport メタタグを使用してブラウザーにコンテンツの表示基準を指示 <meta name=
mobile-bookmark-bubbleをangular.jsで使う
mobile-bookmark-bubbleをangular.jsで使う mobile-bookmark-bubbleというのはiPhoneなどのMobile Safariで「ホーム画面に追加」を促すポップアップを出すライブラリです。 依存ライブラリもなく比較的ポータブルに実装されているのですが、 angular.jsで使おうとすると、デフォルトの#ハッシュで抑制する機構がうまくありません。 解決法は色々あると思いますが、おそらく最も手軽な$rootScopeを使う方法を実装してみました。$rootScopeなのでリロードするとリセットされますが、それはそれでいいケースもあるでしょう。 コードはこちら。 angular.module('MyModule', []).run(['$rootScope', '$timeout', function($rootScope, $timeout) {
犯人はお前かっ！ スマホの充電が持たない原因と言われる超有名アプリ - 週刊アスキー
まあ前からウワサは聞いていたんだよ、あいつが犯人じゃないかって。（仕事のできない刑事風に） セキュリティソフトのAVGテクノロジーズが24日、スマホアプリのデータを分析したレポートを発表。「バッテリーを食う」「ストレージを食う」など、主に英語圏のユーザーにとって困ったちゃんのアプリはどれなのかがよく分かる。 もっともスマートフォンのパフォーマンスを食う、要はスマホの動きを重くする原因となるアプリトップ5はこちら。 1位 Facebook 2位 Spotify 3位 Instagram 4位 Path 5位 Amazon Shopping Facebookお前かああああっ！ よく見たらInstagramも3位に入ってる。ええい同資本でパフォーマンス食いおって。続いて、使ってないときもバッテリーを食うアプリトップ5はこちら。 1位 Beaming Service for Beep'nGo 2位
Ratchet
Build mobile apps with simple HTML‚ CSS‚ and JS components. Download Ratchet Currently v2.0.2 Tweet Follow @GoRatchet Code licensed under the MIT License and the docs are licensed under CC BY 3.0. Ratchet was lovingly crafted by Connor Sears. Currently v2.0.2 · Issues · Releases · Legacy v1.0.2 Docs
Mobile Angular UI - Angular JS Mobile UI framework with Bootstrap 3 Css
Mobile Angular UI is a mobile UI framework just like Sencha Touch or jQuery Mobile. If you know Angular JS and Twitter Bootstrap you already know it! Awesome Mobile ComponentsMobile Angular UI provides essential mobile components that are missing in Bootstrap 3: switches, overlays, sidebars, scrollable areas, absolute positioned top and bottom navbars that don't bounce on scroll. It relies on robu
Our Mobile Planet
モバイルユーザーについてもっと知りたくありませんか? Our Mobile Planet がお答えします。 40ヶ国におよぶスマートフォン利用の実態が分かります。また、モバイルユーザーについての深い洞察とモバイル戦略立案のためのデータの収集に役立つさまざまなチャートを自由に作ることができます。 グラフを作成
インテル、無償のHTML5アプリ開発環境「Intel XDK」を公開。iOS/Android/Kindleなどクロスプラットフォーム対応
インテル、無償のHTML5アプリ開発環境「Intel XDK」を公開。iOS/Android/Kindleなどクロスプラットフォーム対応 インテルは、先週4月10日から11日かけて中国北京で開催された「Intel Developers Forum Beijing 2013」（IDF Beijing 2013）において、クロスプラットフォームに対応したHTML5アプリケーションの開発ツール「Intel XDK」を発表しました。 Intel XDKはブラウザ上で動作するHTML5アプリケーション開発ツール（ChromeブラウザとJavaのインストールが必要）。HTML/CSS/JavaScriptで開発したアプリケーションを、PhoneGap機能でビルドし、iOS/Android/Kindle/Facebookなどのアプリケーションが開発できます。開発したアプリケーションは、各アプリストアで販
How to fit to screen after changing viewport width on orientation change?
I need the viewport width for a page to be 950px in landscape and 630px in portrait. These pixel widths are unfortunately inflexible. I'm adjusting the width of the DOM content based on orientation using CSS media queries. I'm listening for orientation change events in JS to resize the viewport on orientation change. Everything looks good on initial page load (portrait or landscape). However, afte
ふりわけ – rm -fr /*
ぱらぱら( ´ω｀) media queriesの汎用的書き方が各所で紹介されていますが どうも2010年書かれたものが初出のようです。 手元にはDesireHDしかないので、Android端末はこれで確認するしかないのですが この汎用的書き方ではどうも対応出来ないのです。 尤も、「トライXこれで万全」てものではないでしょうから色々試してみました。 そんで、 /* default CSS */ ... /* 800px(Android Firefox landscape) */ @media only screen and (max-device-width:800px) {...} /* 1024px(The new iPad landscape) */ @media only screen and (max-device-width:768px) and (max-width:1024
つまづきがちなiPhoneコーディングのTips（JS多め） | バシャログ。
来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="file"は使えない 画像をアップするコンテンツだからフォームに input type="file" を・・・と考えがちですが、iPhone版のSafariでは使用不可です。 [HTML] <meta name="viewport" content="user-scalable=no">が効かない 最近ハマったポイントです。ユーザーに画面の拡大をさせなくすることができるviewportのuser-scalableプロパティですが、本体のアクセシビリティ設定で「ズーム機能」をオンにしているとバッチリ拡大できてしまいま
スマートフォン対応でよく使う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
TitaniumアプリのUIをXMLで定義·XML UI MOONGIFT
XML UIはTitaniumのUIをXMLベースで作成できるライブラリです。 TitaniumはJavaScriptでMVCの全てを実装します。つまりUIのコンポーネントもJavaScriptでコーディングしなければならず、画面のデザインと実装との分離が難しくなります。そこで使ってみたいのがXML UI、XMLでユーザインタフェースを定義するライブラリです。 サンプルのブラウザアプリです。 入力されたURLを表示しています。 こちらは試せます。XMLで書かれている内容をダイナミックに表示します。例えばこの場合、赤いウィンドウが開くという意味です。 実際のコードです。XMLで定義して画面になります。 XML UIを使うとそのアプリの画面全体を一つのXMLで定義し、実際の動作についてはコードで管理できるようになります。ステータスによって描画を変化させたり、外部から取ってきて描画などになると難
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flawless App
完全負け組なモバイルWebが、これから復活する(多分)
MobileSafari では unload イベントだけではなく、 load イベントも非推奨だったようです - latest log
Mobile Web Development Workflow
