Touchstone JS – What’s Coming for This UI Framework
TouchstoneJS – Creating Your Visual Interaction People have the habit of checking their smartphones every few minutes, but they rarely think about how the app interface is made. Software-developing specialists utilize a variety of programming tools for the applications themselves, however, when it comes to making that part of the application that users interact with, developers use UI (user interf
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
HTML5を使ったハイブリッドアプリ開発に使えるUIライブラリまとめ | BACKEND AS A SERVICE mbaas BLOG
PhoneGapをはじめとするハイブリッドアプリは人気があります。HTML5/JavaScriptでアプリが開発できるのは魅力的ですが、問題はUIではないでしょうか。HTMLのままではUI/UXが優れているとはとても言えません。そこでHTMLをネイティブアプリ並のUIにしてくれるフレームワークを使ってみましょう。これらを使えばまるでネイティブのUIと変わらないかのようなUI/UXが得られるようになるでしょう。PhoneGapをはじめとするハイブリッドアプリは人気があります。HTML5/JavaScriptでアプリが開発できるのは魅力的ですが、問題はUIではないでしょうか。HTMLのままではUI/UXが優れているとはとても言えません。 そこでHTMLをネイティブアプリ並のUIにしてくれるフレームワークを使ってみましょう。これらを使えばまるでネイティブのUIと変わらないかのようなUI/UXが得
The jungle of mobile HTML5 development
I’m a big fan of HTML5; it gives me the speed of development that my creativity needs. But since the rise of mobile, the development with this technology started to be complex. On the desktop, everything was clear. Website development is in a constant evolution; still people have expertise on it. But on mobile, it’s just a nightmare. Developers are confused in the way of developing an HTML5 mobile
Pttrns - Mobile User Interface Patterns
Paper – stories from F... Photos Paper – stories from F... Profiles Paper – stories from F... Walkthroughs Paper – stories from F... Walkthroughs Paper – stories from F... Walkthroughs Paper – stories from F... Navigations Paper – stories from F... Coach Marks Paper – stories from F... Coach Marks Paper – stories from F... Coach Marks Paper – stories from F... Coach Marks Paper – stories from F...
Top JavaScript Frameworks for Mobile Web Development - Designbeep
The selection of the right JavaScript framework for developing mobile apps is critical and an important task in mobile application development. Developers use frameworks with pre-implemented functionalities to reach their mobile development goals efficiently. These pre-implemented components motivate the use of design patterns and best practices to support the developers and facilitate the develop
iOSとAndroid、無料アプリで「3.7倍」・有料アプリでは「11.5倍」の利用差 | RBB TODAY
フィルモア・アドバイザリーは10日、iPhoneなどのiOS搭載端末ユーザーと、Andoird搭載端末ユーザーとに対して行ったアンケート調査結果を公表した。調査期間は1月5日～1月8日で、各300、計600サンプルから有効回答を得た。 アンケートでは端末にインストールしている無料・有料アプリの個数をそれぞれ実数値で入力してもらい、それらを集計。その結果iOSユーザーとAndroidユーザーとで、アプリの利用度に大きく差が出た。まずインストールしている無料アプリの個数で見てみると、iOSユーザーの平均「66.9個」に比べ、Androidユーザーは「18.1個」と、3.7倍の差となった。Androidユーザーでは、インストール済みアプリの個数が10個以下の人が約半数（52％）を占めたが、iOSユーザーでは11％に留まった。逆に、アプリ個数が30個を超える人の割合は、iOSユーザーでは約半数（5
モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
スマホサイト：Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope
ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 （jQuery Mobileなどを利用した開発方法は置いといて） HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード（フルスクリーンモード）」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる！ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです(￣▽￣;) 今回は、僕が知ってる大きな２つの注意点を
960グリッドシステムをjQuery-Mobileと併用する為のスタイルシート・jquery-mobile-960
どこかで使うかもしれないと思って メモがてらシェア。スマートフォンに サクッと対応させるjQueryプラグイン のjquery-mobileに960グリッドシス テムを取り入れることが出来るcss、 jquery-mobile-960です。 なんだかタイトルが謎ですが語彙が無いだけなので気にしないでください。jquery-mobile-960はライセンスがMIT。商用もOKで無料で配布してくれています。 jquery-mobile-960は、960.gsをjQuery-Mobileを使ったレイアウトにも使うためのcssです。2カラム、3カラム、イメージギャラリーなどに使えそうな4カラムレイアウトなどもも思いのまま。 少し大きいですけど全画面キャプチャ↓ 実際にiPhoneで確認 縦の場合。 横の場合。 使い方<link href="http://code.jquery.com/mobile
Webサイトのスマートフォン対応 7つの基本ルール | Web担当者Forum
個人利用を中心に急伸を続けるスマートフォン市場は、もはやニッチ市場ではなくなりつつある。過去に企業サイトの携帯電話（フィーチャーフォン）対応が問われたように、今後スマートフォン向けのサイト対応が課題になると考えられる。2010年はスマートフォン元年といわれていたが、2011年は企業のスマートフォンサイトへの投資検討が本格化してくるだろう。 2010年、スマートフォンの市場規模は急成長し、『スマートフォン利用動向調査報告書2011』（MCPC監修、インプレスR&D発行）によると、2011年3月末（2010年度）の契約数は、前年の497万契約から63％増の810万契約となる見通しだ。調査によると、契約数は年平均40％以上で拡大を続け、2015年度には4,712万契約に、コンテンツ配信事業も急成長することが予測されている。こうした調査からも、今からサイトをスマートフォンに対応しておくことが決して
携帯電話向けWebにおけるセッション管理の脆弱性
1 Web Session Management Vulnerabilities in Mobile Web Application * Hiromitsu Takagi Web HTTP ID ID ID 1 1999 NTT i i Web ID ID URL URL ID i EZaccess KDDI EZweb HTTP X-UP-Subno ID EZweb Web ID Web ID EZweb [1] * , 101-0021 1-18-13 1003 , National Institute of Advanced Industrial Science and Technology, Akihabara-Daibiru Room 1003, 1-18-13, Sotokanda, Chiyoda-ku, Tokyo 101-0021 JAPAN X-JPhone-UID
携帯ブラウザのユーザーエージェント（User-Agent）による機種判別、キャリア判別
ドコモ、au、ソフトバンクの各携帯電話のブラウザのユーザーエージェントは、パソコンのブラウザと同様にプログラムで取得することができる。 ユーザーエージェントを利用してキャリアの判別や機種判別を行うことができる。 ユーザーエージェントには、ドコモなら「DoCoMo」、au・TU-KAなら「UP.Browser」、ソフトバンクなら「J-PHONE」、「Vodafone」、「SoftBank」という文字列が含まれている。 これらの文字列を調べることで携帯電話のキャリアを判別することができる。 ただし、Vodafoneの一部の機種は、「UP.Browser」という文字列がユーザーエージェントの途中に含まれている。 キャリアを判別する場合は、「ユーザーエージェントの先頭の文字が何で始まるか」で判別した方が良いと思われる。 また、ユーザーエージェントには機種名の文字列が含まれているので、機種の判別を行
GPS携帯的メモ - しいしせねっと
au のGPS携帯 C3003P (Panasonic製) を買ってみたので、そのGPS機能を活用するためのメモなんかを。それからA5502K(京セラ製)にも機種変したので、そこの比較とか。どっちも電子コンパス付き。 位置を取得する 位置取得方法あれこれ au GPS au 簡易 DoCoMo GPS/カーナビ DoCoMo iエリア Vodafone 位置通知方法あれこれ au GPSメール POIX(au カーナビ) DoCoMo カーナビ NVML 自分の位置を調べて相手に送ると、その場その場の待ち合わせ等々に便利です。というわけで、いろいろ便利に活用してみましょう。 位置を取得する 取得するのは、何種類か方法がありました。 コンパスメニューの今どこメール(C3003P)、EZナビウォークの現在地メール(A5502K) 方向もあわせて地図が無料でみられます。移動はしてくれないらしい。
ke-tai.org > Blog Archive > Google Static Map APIが随分変わっていたので調べ直してみました
Google Static Map APIが随分変わっていたので調べ直してみました Tweet 2009/1/19 月曜日 matsui Posted in 記事紹介・リンク | No Comments » 以前このような記事を書いたのですが、そのころから比べるとGoogle Map Static APIが随分変わっているようなので、調べなおしてみました。 参考にしたページはこちらです。 → Google Code Google Static Map API [code.google.com] → ORANGE FACTORY 携帯で地図表示 Google Static Maps API [orange-factory.com] 現在のパラメータは以下の通りです。 http://maps.google.com/staticmap? center=[中心の緯度],[中心の経度] &zoom=
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirecting
Best Mobile App Development Frameworks for Developers | Code Geekz
Apache Cordova
i-jetty - Google Code
it works!