ququplay/jquery-mobile-flat-ui-theme GitHub フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「FlatUI」。 jQueryモバイルのテーマとして利用できます。なんというシンプルで美しいUIなんだろうと思ってしまいました。 デフォルトのjQueryモバイルテーマは見飽きたという方は試してみても良さそう UIはこうしてライブラリがどんどん出てくる、という中で、WEBエンジニアとして出来ることを今後考えなくてはいけないな、と思いますね 関連エントリ スマホの入力が超楽になりそうなjQueryモバイル用のオートコンプリートプラグイン GoogleAnalyticsの結果をjQueryMobileでモバイル端末で表示するサンプル モバイルブラウザでの高速クリックを実現するjQueryプラグイン「jQuery Fastbutton」
SenchaUG 勉強会 第2回@東京 での発表資料。 http://www.meetup.com/Japan-Sencha-User-Group/events/81279312/ ネタなので大目に見てやって下さいRead less
jQuery UIで利用出来るテーマを オンラインで作成出来る、という Webサービス・jQUIT Builderの ご紹介です。公式でもかなりテーマ を用意してくれていますが、やはり 自作したいところですね。 考えただけでも面倒臭いjQuery UIのデザインをオンラインで作成出来る、というWebサービス。凝ったものは作成できませんが、シンプルなデザインでサクッと作りたいという時にはお世話になりそうです。 いわゆるジェネレーター的なものです。Metro UIベースだそうですよ。見やすくて個人的には結構好きです。 こんな感じ。使い方の説明は不要だと思います。 操作も簡単でいいですね。探せば他にもありそうなツールでは有りますけど個人的には初見でした。 jQUIT Builder
連載：jQuery Mobile入門（最終回） 第6回 jQuery Mobile APIでもっとJavaScriptプログラミング 山田 祥寛 2012/06/14 本連載の初回では、jQuery Mobileは（jQueryのモバイル版というよりも）jQuery UIのモバイル版である、と述べた。実際、jQuery Mobileでは標準であまたのウィジェットを提供しており、マークアップのみでネイティブ・アプリ・ライクなスマホ・アプリを開発できてしまう。もっとも、その特長が故に、ともすると、jQuery Mobileではあらかじめ用意された範囲でしかアプリを開発できないと思われがちだ。 そのようなことはない。jQuery Mobileでは、豊富な独自のJavaScript APIを提供しており、これらを呼び出すことで、固有の仕組みをアプリに簡単に組み込める。そうした自由度の高さも、jQu
なかなか良かったので備忘録です。 Twitter Bootstrapのデザインを、 jQuery Mobileのテーマに起用した サンプルソースが公開されていま した。フレームワーク的にも使える かもしれない。 Twitter Bootstrap × jQuery Mobileです。既出ですけど良かったので。 JQMのデザイン変更用リソースです。ThemeRollerでもいいんですけどどうも微妙というか、肌に合わないのです。最初から作った方が早い気がしましたが、こうして変更されたものがあるならこれを元に変えると効率的になりそうです。同じ手法でbootswatchで配布されてるBootstrapテーマを起用しても良さそうですね。 Sample サンプルのQRコードです。↓ 何故かフォームのデザイン変更できなかったけど・・・まぁ自分で作ればいいかなｗ ご利用は以下よりどうぞ。 jQuery-M
先日とあるサイトをjQuery mobileで実装したのですが クライアントから「ページが勝手に戻る」と言われました。 何があったかと言うと、以下のような現象（バグ？）があったのです。 トップページからAページへのリンクをタップすると、 一瞬Aページが表示されるのですが、すぐにトップページに戻ってしまう。 その際に、ブラウザのアドレスバーを確認すると URLはAページのものになっている 手持ちのGalaxy Sで確認したのですが、iPhoneでも同様の現象があるようです。 解決方法 結論から話すと、jQuery mobileのオプションを以下に設定することで現象が発生しなくなりました。 ・リンクのajaxを無効に ・フォーム遷移のajaxを無効に ・自動的にlocation.hashへの変更を処理するのを無効にする 対応したコードは以下になります。 jQuery(document).bin
概要 CORS が「幾つかのブラウザの先行実装」の状況から「古いブラウザではサポートされない機能」に変わりつつある頃合いなので，XHR2 が XSS の起点になりますよってお話． そもそも XHR XSS って何よ 簡単に言うとXHR2 による XSS のことのつもり．身近なところだと，jQuery Mobile がやらかしたり，大阪府警がやらかしたりした． 具体例1 jQuery Mobile jQuery Mobile については，jQuery MobileのXSSについての解説 で解説されるとおり． かいつまんで言うと，jQuery Mobile に location.hash の変更( hashchange イベント発火）時に，location.hash を URL とみなして読込んで，ページ内容を変更という機能があって，その読込先 URL にクロスドメインの制約がなかったので X
3/15のWeb Cat Studio(リクルートエージェント)で行われた「jQuery Mobile 最新情報 & Tips」のセッション資料です。Read less
With an increase in the number, diversity and complexity of smartphones, more and more companies want to have their own mobile app, but creating a native app can be pretty expensive. It requires special skills, as well as special coding tools, and then there is also the need to build an app per platform (Android, iOs, BlackBerry, Windows Phone, etc). All of this figures in to a higher price tag fo
ちょっと意味不明なタイトルですが。 jQuery Mobileでリストを書くときの Tipsです。昨日ちょっと個人的に話題 に上がったのでメモ的に記事にします。 最近はすっかりJQMの話題が減っていた ので丁度いいですね。 というわけで備忘録的な記事。jQuery Mobileの話です。触ったことがある方向けですかね。普通のリストの高さに合わせてサムネイルを含めます。正しい方法かどうかは知りません。 これが普通のリストです。このマークアップは以下のような感じ。 <ul data-role="listview"> <li><a href="example01.html">foo</a></li> <li><a href="example02.html">bar</a></li> </ul> listviewというルール名をdata属性に与えればリスト化します。 画像付きにしたい・・けど こ
2012年2月10日、弊社セミナールームで行われたjQueryMobileセミナーに講師として参加しました。 お忙しい中ご来場下さいました皆さま、最後までお付合い頂き誠に有難う御座いました。 今回は「はじめてのjQueryMobile」ということで、かなり初心者向けにフォーカスした内容だったわけですが、 参加された方の中には、既に実開発に取組んでいる方もおられて、最後のパネルディスカッションでは、 意外と濃い目の質問なども飛び交ったりと・・ビール片手に盛り上がりました。 私が担当したセッション（初級編）で使った資料はSlideShareで公開しています。 またサンプルコードは本文一番下のリンクからダウンロードできますので、 社内勉強会などで入門資料としてご活用頂ければ幸いです。 はじめてのjQueryMobile（初級編）
Jquery Mobileを使用して、スマートフォンのホームページを作成する場合、 問い合わせフォームなどで文字化けが発生した場合の対処方法を記載します。 文字コードは勿論、utf-8でＨＴＭＬファイルに指定します。 jQueryを使用しているため、それ以外の文字コードは文字化けが発生します。 問い合わせフォームの文字化けの原因はよくわかりませんが、Ajaxを使用設定していたためです。 ■対策 //jQuery mobile 初期化 $(document).bind("mobileinit", function(){ $.mobile.defaultTransition = "slidedown"; $.mobile.ajaxLinksEnabled = false; // Ajax を使用したページ遷移を無効にする $.mobile.ajaxFormsEnabled = false; /
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
jQuery Mobileによるスマートフォンサイトの制作方法を解説する本連載。前回に引き続き、簡単な会社案内サイトを作りながら、jQuery Mobileの基本的な使い方を学びましょう。 aboutページの作成とCSS3によるデザインの変更 今回はトップページ以下の詳細ページを順に作成していきます。まずは「to-Rについて」のページ（#about）から取り掛かりましょう。前回作成したindex.htmlに次のようなHTMLを追加します。「data-role="content"」の中にh2要素とp要素を加えただけの簡単なHTMLです。 ■サンプル1[HTML] <div data-role="page" id="about" data-theme="b"> <div data-role="header"> <h1>to-R</h1> </div> <div data-role="conte
Mitsunobuk @ jsdo.it - share JavaScript, HTML5 and CSS - jsdo.itはブラウザでJavaScript,HTML5,CSSを書いて共有するサイト。他のコードをコピーして編集できます。JavaScript,HTML5,CSSに関する質問&回答もありますよ
jQuery MobileでTOPページは読み込み後にアドレスバーが消えるのに、ページ遷移後にアドレスバーが表示され続けるのが気持ち悪のでJavaScriptで対応してみた。 $('div').live('pageshow',function(){ setTimeout("scrollTo(0,1)", 100); }); pageshowイベントにアドレスバーを消す命令を仕込む。ただ、Android端末によっては背景の描画がおかしくなったりとちょっと微妙な気もする。
Target a wide range of devices Need a design that looks good across smartphones, tablets or even desktops? Your designs in mobjectify are generated using jQuery Mobile to target a wide array of available devices Easily target the latest generation of smartphone and tablet devices across multiple platforms and operating systems Prototype, Now! Simply select from a range of available controls to hav
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
