前回紹介したページ遷移のアニメーションでは、画面が左にスライドするアニメーションが展開されました。このアニメーションの種類は、簡単に変更することができます。 次のように、リンク時に「data-transition」属性を付加して、指定します。 [xml] <a href="#page2" data-transition="slideup">スライドアップ(slideup)</a> [/xml] その他、次のような種類があります。 slide(スライド) slideup(スライドアップ) slidedown(スライドダウン) pop(ポップ) fade(フェード) flip(フリップ) それぞれの動きはサンプルをご覧ください。 »サンプルへ [PR] たにぐちまことのJavaScript/jQuery Mobile入門講座 | ロクナナワークショップ
iPhoneやAndroidなどのスマートフォン対応サイトのUIを簡単に作ることができるjQueryプラグイン「jQueryiPhoneやAndroidなどのスマートフォン対応サイトのUIを簡単に作ることができるjQueryプラグイン「jQuery Mobile」をさわってみました。 jQuery Mobileの特徴は、HTML5の拡張属性「data-role」などを使うことで、基本的にjavascriptを書かずに使えることです。 これによって、スマートフォン対応サイトのUIを本当に簡単に作ることができます。 例えば、 <a href="#" data-role="button" />ボタン</a> という記述をすると、 ↑のようになります。(このスクリーンショットはMac上のSafariで撮ったものです) フォームなどではtype属性の指定だけで <input type="s
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
概要 † iPhoneアプリのような挙動が、ウェブブラウズで提供できるJavaScriptのライブラリです。 iPhone以外にもAndroidやWindows Mobileなどにも対応している模様です。どれだけ対応しているかは、公式サイトの「Platforms」に書いています。 jQueryのプラグインとして動作します。 公式: http://jquerymobile.com/ この記事を書いている時のjQuery Mobileのバージョンは、「jquery.mobile-1.0a1」です。 アルファ版なので今後の改変により変更される可能性はあります。 似たもので、jQTouch などがあります。 参考: jQTouchの使い方とclass指定による挙動のまとめ ↑ 使い方 † jQueryのプラグインなので、jQueryのライブラリと一緒に読み込めばOKです。 <link rel="s
話題のjQuery Mobileを使用したWordPress のiPhone用テーマを作成する方法のご紹介 です。あくまで、対応させる為のTipsという事 で了承願います。jQuery Mobileは、モバイル に簡単に対応させる事が出来るライブラリで、 jQueryのプラグインです。 対応させるだけなのでcssの調整とか細かい点などはご自身で変更してみてください。 基本的に、jQuery Mobileはライブラリを読みこめばあとはdivにidを振ったり、data-theme等を加えればいいだけのようなのでテーマファイルを作るときもその手順通りで済むようですね。 細かい作り方は割愛し、ここでは大まかな手順をご紹介します。デザインに関してはjQuery Mobileのドキュメントをご確認ください。 おおまかな手順 適当にWPテーマのフレームワークを用意 header.phpにjQueryとj
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く