知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト
このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。 それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、今回の制作にあたり役に立ったサイトをまとめました。 このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。 それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、 今回の制作にあたり役に立ったサイトをまとめました。 jQuery Mobile | jQuery Mobile 本家本元。 敢えて紹介するまでもないのですが一応。 現在のバージョンは1.0RC2（2011.11.01現在）です。そろそろ正式版がでる予定です。 jQuery Mobile 1.0b1 日本語リファレンス jQuery Mobile 1.0b1 日本語リファレンス バージョン1までの内容ですがjQuery
jQuery Mobileのビジュアルデザインが自由に！ Theme Rollerついにリリース
Announcing ThemeRoller for jQuery Mobile! Learn more: http://t.co/LvFkbfwp or try it now: http://t.co/AeDhxKnbFri Oct 28 12:29:55 via Twitter for Macjquerymobile jquerymobile 正直なところ，正式版のリリースまで出る出る詐欺で進行するかと思っていたのですが，jQuery MobileのTheme Rollerがついにリリースされました． ThemeRoller | jQuery Mobile Announcing ThemeRoller for Mobile (beta) | jQuery Mobile 普通にカスタマイズしようと思うと，何かと面倒くさいオリジナルのカラーテーマの作成を，Webインターフェースで簡単に作れ
はじめてのjQueryMobile - WCAN 2011 Autumn フォロー記事
当日のスライド さる2011年9月10日に，WCAN 2011 Autumnのセッション2-Cで，jQuery Mobileについて紹介させていただきました．jQuery Mobileを都合良く取り回して，モバイルサイトに役立てようという主旨でございます． WCAN 2011 Autumn ~ はじめてのjQuery Mobile HTMLスライドですが，なるべくWebKit系のフルブラウザでご覧ください．（FirefoxやIEは閲覧を確認できておりませんので...） 当日の要点 当日は，下記のように各トピックにフォーカスをあてて，jQuery Mobileの光と闇（嘘）について紹介させていただきました． スマフォサイトを取り巻く背景 jQuery Mobile自身の特徴・メリット 実装のデモンストレーション jQueryMobileを活用している国内外の事例 使い所を選びつつも，モバイル
HTML5とjQuery Mobileを使い、わずか1週間でできたモバイル版Publickey
昨日、Publickeyのモバイル対応版「Publickey Smart Edition」を発表しました。Publickeyのモバイル対応はずっと課題だったのですが、jQuery Mobileが登場したとき「これで簡単にモバイル対応ができる」と思い、jQuery Mobileが安定するタイミングを待っていました。 8月に「そろそろ大丈夫だろう」と思って開発を始めたところわずか1週間程度でモバイル対応ができあがってしまい、今週jQuery Mobileのβ3が出てフィーチャーフリーズになったのに合わせて試験運用を開始しました。 Publikceyのモバイル版の開発は、おおむね3つのステップ「モバイル用HTMLの生成」「jQuery Mobileによるタッチインターフェイスの構築」「小さな画面に合わせた画像縮小」から構成されています。ここではその裏側を少し紹介しましょう。 CMSでモバイル用H
HugeDomains.com
Captcha security check webdesign14.com is for sale Please prove you're not a robot View Price Processing
jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ - かちびと.net
jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにする プラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text
ページ機構 | jQuery Mobile 1.1.0 日本語リファレンス
jQuery Mobileの「ページ」構造は、1枚のページとして用いることも、内部的なリンク構造を持った複数のページとして作成することも可能です。 このモデルは、ウェブサイト開発におけるベストプラクティスの実現を目指しています。つまり通常のリンクも、特別な設定なしに動作するようになっていますし、一方で普通のHTTPリクエストでは実現できないようなリッチでネイティブなリンクを作成することも可能なようにすることです。 携帯ページの構造 jQuery Mobileで作成するサイトは、HTML5のDOCTYPE宣言で始まることにより、最大限の機能を発揮します(HTML5を理解できないブラウザを積んだ古いデバイスの場合、DOCTYPEや様々なカスタム属性は無視されるだけです)。 次にhead要素内でjQuery本体、jQuery Mobile、モバイル用テーマCSSを参照してください。jQuery
基本的なGUIを使いこなそう(2/5):jQuery Mobileによるスマートフォン用Webサイト作成入門 - libro
ダイアログというのは、ただページを表示するだけで使うことはありません。ユーザーの操作などに応じて、表示するメッセージなどを設定する必要があるでしょう。 メッセージの表示は、実は簡単です。なにしろダイアログといってもタダのHTMLタグですから、用意した<div>タグのDOMオブジェクトを取得して表示テキストを変更すればいいだけです。JavaScriptの基本ですからわかりますね。 ただし、jQuery Mobileは「jQuery」のプラグインですから、当たり前ですがjQueryの機能がすべて使えます。これを利用すれば、document.getElememtById……などと面倒くさいことをしなくとも、もっとシンプルに処理を書くことができます。 では、ごく簡単な例として、「入力フィールドにテキストを書いてプッシュボタンを押す（タッチする）と、その内容をダイアログで表示する」といったものを考え
もう知らないでは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ | ke-tai.org
もう知らないでは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ Tweet 2011/5/27 金曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | 4 Comments » モバイルサイト作成のためのフレームワーク「jQuery Mobile」が、すごい人気ですね。 当初は数ある選択肢の中の一ツールとして程度の扱いでしたが、AdobeのDreamweaverが本格対応するなど、その勢いは留まるところを知らず、根幹的な技術になりそうな気配すらあります。 今回は過去に当サイトで掲載させていただいた情報も含め、jQuery Mobileを学ぶ上で知っていた方が良さそうなリンクをまとめてみました。 本家サイト。英語が苦手な私は、主にダウンロード用途ぐらい。 → jQuery Mobile 本家サイト（英語） [j
jQuery Mobileをマジメに使うならやっておくべきローカライズとかの設定
jQuery Mobileつかってますか？ jQueryでキャラを立てたいわけじゃないんですが...，たびたびのjQueryネタです．なんだかんだで需要が高く，最近は実案件で触る機会があったので情報を残します． いくらお手軽でも，まじめに使うならこれぐらいはやっておかないとダメじゃないかと思う設定のポイントを軽く紹介．Loading...とかデフォルト英語なラベルの変更とかです． 設定の初期化 デフォルトの文字表示やクラス名等の設定を変更するときは，Configuring Defaultsによると，jQuery本体とjQuery Mobileの間に初期化スクリプトを挿入します． <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script type="text/javascript"> $(docume
[jQuery Mobile]役立つコード集とつまづきやすいポイント | コリ
jQuery Mobileを使って、スマートフォン対応ページをはじめて作成する際に役立つコード、つまづきやすいポイントを紹介します。 10 handy jQuery mobile tips and snippets to get you started [ad#ad-2] 下記は各ポイントを意訳したものです。 スマフォ対応ページの基本HTML jQuery Mobileの利用方法 AJAXナビゲーションの停止 リストアイテムの省略を阻止 Media Queriesの利用 プラットフォームの特定 フォームを使用する際の注意点 ポップアップ ダイアログの作成 キャンセルとセーブのボタン カラム構造を作る時のポイント スマフォ対応ページの基本HTML まずは、スマートフォン対応ページを作成するための基本となるHTMLです。 HTML <!DOCTYPE html> <html> <head> <
jQueryでWordPressの続きを読むをAjaxで読み込む
Posted: 2011.04.10 / Category: WordPress / Tag: Ajax, jQuery 通常のブログではあまり使うことはないかもしれませんが、jQueryの練習がてらWordpressの続きを読むをAjaxで読み込んでみようと思います。 WordPressのテンプレート 動作はタイトルと概要と「続きを読む」ボタンを記事一覧に表示して、「続きを読む」ボタンを押すと、ボタンが本文に置き換わるということをやります。 まずはテンプレートファイルを普通（？）に作成します。 一覧を表示するための「index.php」と、本文を表示するための「single.php」ですね。 index.php <?php get_header(); ?> <div id="entry"> <?php if (have_posts()) : while (have_posts()) :
jQuery Mobile が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HisasAnn.com is for sale | HugeDomains
jQuery Mobileを使った、タップで拡大するシンプルなイメージギャラリーを構築する際のサンプルコード - かちびと.net
ある1つのサンプル
SwapSkillsFreeEvent(3)Dreamweaver CS5.5で作る jQuery Mobileを組み込んだ スマートフォンサイト制作
Build and implement a single sign-on solution
jqm
HissyNC