jQuery Mobileのススメ - 商用利用に耐えうる3つの理由 | 諸葛亮孔明もびっくりですわ のブログ
2011/03/22 2011/03/22 08:00 jQuery Mobileのススメ - 商用利用に耐えうる3つの理由 営業・デザイナ・開発者・経営者、Webに関わるすべての人に向けて jQuery Mobileはスマートフォン向けサイト構築のための Javascriptライブラリです。 スマートフォンユーザをターゲットにした仕事も増えてきているようですが、iPhoneアプリ・Androidアプリのみが、その最適解なのでしょうか。 アプリ開発の強みは販売経路が確保されていることにありますが、その代償は小さくありません。 iPhoneはAppleに、AndroidはGoogleに、売上の30％を手数料として徴収されますし、これまで培ってきたWebのノウハウを捨てて新たなノウハウを獲得する必要がでてきます。 ノウハウがないことに加え、アプリ承認のプロセスがあります。 開発のスピード感は失
jQuery Mobileのページ系イベントを再確認する | もしもワークス
jQuery Mobileを使ったアプリを作ってみてイベント周りでこんがらがってしまった経験から、複数ページテンプレートと単一ページテンプレートそれぞれで、ページ系イベントの挙動を確認してみました。 準備 まずページを3つ用意。 複数ページテンプレなら#page1, #page2, #page3。 単一ページテンプレならpage1.html, page2.html, page3.html という具合。 参考：ページ機構 | jQuery Mobile リファレンス そしてイベントを受けてconsole.logでイベント名を吐くだけの共通スクリプトを用意。 イベントを$(‘div[data-role="page"]‘).live(function(){…})で受ける。 ※ただし、pagebeforeload, pageload, pagebeforechange, pagechan
YappoLogs: iPhone とかの フリックで操作するカルーセル UI を jQuery mobile で作ってる話 (jquery.mobile.carousel)
iPhone とかの フリックで操作するカルーセル UI を jQuery mobile で作ってる話 (jquery.mobile.carousel) AppStoreとかで、アプリのキャプチャを複数表示したい時にカルーセルなインタフェース(これのAPIの名前わからん)にして画面の高さを節約する事をすると思うんですが、それをjQuery mobileで再現するプラグインを書いてみました。 全画面で画像をプレビューする用途で作ってあります。ポイントは、AppStoreの画面キャプチャ見るやつと同等の動きをするって所です。 画像サイズも画面サイズに合わせて自動的にリサイズして、良い感じに自動的に配置するという。 画面の恥じっこに引っ張ったときの跳ねっ返りも再現してあります。 ぼくAndroidもってないので、Androidな人に是非とも添削して欲しいです。それかAndroid端末下さい。 コ
Creatorish is for sale at Squadhelp.com!
About Creatorish.com Edit Creatorish.com is a captivating domain name that sparks thoughts of innovation and originality. The name is a clever combination of "creator" and "ish," suggesting a creative and imaginative mindset. It's perfect for startups that focus on creativity, design, technology, and anything that involves inventiveness. The name is short, catchy, and easy to remember, making it a
jQuery Mobileのよく使うスニペット3種
先日行われたSwapSkillsFreeEvent(3)「Dreamweaver CS5.5で作るjQuery Mobileを組み込んだスマートフォンサイト制作」で講演した際に要望の多かったスニペットを＋αして公開します。 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script> // 初期設定 $(document).bind('mobileinit', function(){ // 日本語化 $.mobile.loadingMessage = '読み込み中'; $.mobile.pageLoad
jQuery.mobile : カスタムアイコン : typeOf 'aki_mana'
jQuery.Mobile カスタムアイコンに挑戦してみた。 jQuery Mobile のカスタムアイコンの作り方についてメモ。 Creating and using custom icons in jQuery Mobile に Photoshopを使った方法が公開されています。画像加工ソフトウェアに依存しない要点を抜粋するとこう。 jQuery Mobile では18x18[px]の8bit PNG画像。 白色でアイコンの絵をつくる。 画像の仕様はこれで必要十分ですね。 ステップ１）A要素に記述する属性の確認 アイコンは、本家のButton markup optionsの「Styling links as buttons」と「Form buttons」に説明されている通り、 A、BUTTON、INPUT[type="(button|submit|reset|image)"]の３要素に
404 Not Found
The requested URL was not found on this server. 网站未备案禁止访问，此网站内容已被删除
[jQuery Mobile] PhotoSwipeプラグイン
jQuery用プラグイン “PhotoSwipe” を、jQuery Mobileに適用したサンプルを試してみました。 これは、jQueryを使ってタッチデバイス上でスタイリッシュなイメージギャラリーを作るためのプラグインです。jQuery Mobileに特化したものではないですが、親和性は高いはずなので、組み合わせてみます。 PhotoSwipeの基本的な機能は、アンカーで参照した先にある複数の画像を、インターフェースのついたスライドとして見せてくれるものです。今回は提供されているサンプルを踏襲して、3×3のサムネイル画面をつくり、サムネイルがクリックされるとスライドショーが開始されるようにしたいと思います。ただし、サンプルにはjQuery Mobile的にまずい点があるので、その辺の修正コードも含むようにしています。 さておき、簡単な実装方法とデモを用意してみました。 デモ 簡易的なデ
![[jQuery Mobile] PhotoSwipeプラグイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/fea767e2ea01a50fd866602e922b75c9ee0f3b69/height=288;version=1;width=512/https%3A%2F%2Fscrew-axis.com%2Fwp-content%2Fuploads%2F2011%2F12%2Fjqm-photoswipe.jpg)
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
ThemeRoller | jQuery Mobile
/*! * jQuery Mobile 1.4.5 * Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC * http://jquerymobile.com * * Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors * Released under the MIT license. * http://jquery.org/license * */ /* Globals */ /* Font --------------------------------------------------------------------------------------------
そろそろjQuery Mobileでajaxを無効にしてるやつに一言いっておくか - へっぽこプログラマーの日記
jQuery Mobileでは、ページ遷移の際に自動的にajaxが利用されています。特に何もしなくても遷移先のページをajaxで取得してアニメーションをつけて遷移するというのがjQuery Mobileの大きな特徴のひとつになっています。 しかしながら、巷では、何か問題があるとすぐにこのajaxを無効にするという対処方法が蔓延しているようです。ちなみにajaxを無効にする方法というのは、以下のようなものを指します。 a要素やform要素に data-ajax="false" を指定する。 グローバル設定で $.mobile.ajaxEnabled = false; を設定する。 もちろん、このajaxの挙動を理解した上で、ajaxを無効にするという方法を取ることは何ら問題ないのですが、とにかく困ったらajaxを無効にするということが多いようです。 具体的には以下のようなケースが挙げられるで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
rottel.net