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でGoogle Analyticsを使うために気をつけなければいけないこと - MOL
とあるとこで、とある話をしたので、とあるスライド置いときますよ。 要点を言うと、jQuery MobileでAjax遷移してると、普通にGoogle Analytics置いてても作動しないから気をつけてねって話です。 GATC for jQuery Mobile 僕はこうゆう感じでとりあえず対応しています。作動させるタイミングとフラグメント識別子を記録させるのがポイントです。あとはご自身のサイトに合わせてカスタマイズしていただければと思います。 //Account Setting var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-xxxxxxx-x']); //Async Snippet (function () { var ga = document.createElement('script'); ga.async = true;
絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
jQuery Mobile - data-transition属性でアニメーション指定 | 諸葛亮孔明もびっくりですわ のブログ
2011/03/25 2011/03/25 08:30 jQuery Mobile - data-transition属性でアニメーション指定 Aタグにdata-transition属性を指定するだけでページ遷移時のアニメーションを指定できます。 iPhoneアプリを触るのは楽しいですよね。 画面がニューっと現れたり、ふわっと消えたり、くるっと回ったり・・etc jQuery MobileはこれらのアニメーションをJavascriptやCSSを記述することなく、簡単に実現できるよう設計されています。 今日はその実装方法の紹介です。 jQuery Mobileのバージョンは2011/3/25時点の最新版「1.0a3」です。 前提知識 : jQuery Mobileのページ遷移の概要 まずはサンプルソースをご覧ください。 こちらのデモページのソースです。 <!doctype html> <ht
jQuery Mobile （その2） - 日記
前回は1つのHTMLの中で、複数ページを構成してリンクを作りました。 今回は、複数のページに分けてみます。 複数ページでリンクする page1.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jQuery Mobile!!</title> <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.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.
リストビューについて | jQuery Mobile 1.1.0 日本語リファレンス
リンクのリスト リンクのリストは、シンプルに順序無しリスト(ul)にリンクアイテムを含め、属性で data-role=“listview” を指定することで記述できます。jQuery Mobileはリストを画面の横幅いっぱいにし、右側に矢印を付けるなど必要なスタイル設定を行います。リストアイテムがタップされると、フレームワークは該当するアイテムの最初のリンク対象をAjaxで取得し、新しいページをDOM上にロードし、ページの切り替えを行います。リストビューに指定可能な属性についてはdata属性リファレンスを参照してください。 <ul data-role="listview" data-theme="g"> <li><a href="acura.html">Acura</a></li> <li><a href="audi.html">Audi</a></li> <li><a href="bmw
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)"]の３要素に
jQueryモバイルを使ったスマートフォンサイトギャラリー – creamu
「jQuery Mobile Gallery」というサイトで、jQuery Mobileを使ったサイトやアプリがたくさん紹介されています。 スマートフォン用のサイトやアプリの参考に、一度見てみてください。 jQuery Mobile Gallery オフィスのことで頭がいっぱいですが、急に案件が立て込んできたのでがんばります。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home - Mgallery-JQ