フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「FlatUI」:phpspot開発日誌
ququplay/jquery-mobile-flat-ui-theme GitHub フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「FlatUI」。 jQueryモバイルのテーマとして利用できます。なんというシンプルで美しいUIなんだろうと思ってしまいました。 デフォルトのjQueryモバイルテーマは見飽きたという方は試してみても良さそう UIはこうしてライブラリがどんどん出てくる、という中で、WEBエンジニアとして出来ることを今後考えなくてはいけないな、と思いますね 関連エントリ スマホの入力が超楽になりそうなjQueryモバイル用のオートコンプリートプラグイン GoogleAnalyticsの結果をjQueryMobileでモバイル端末で表示するサンプル モバイルブラウザでの高速クリックを実現するjQueryプラグイン「jQuery Fastbutton」
Sencha Touch 2 vs jQuery Mobile
SenchaUG 勉強会 第2回@東京 での発表資料。 http://www.meetup.com/Japan-Sencha-User-Group/events/81279312/ ネタなので大目に見てやって下さい
jQuery Mobileカスタマイズ自由自在
9/8に行われたHTML5 Conference 2012での「jQuery Mobileカスタマイズ自由自在」のセッション資料です。
jQuery Mobile APIでもっとJavaScriptプログラミング ―（1/2） - ＠IT
連載：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で使ったデザインテーマ集・jQuery-Mobile-Bootstrap-Theme - かちびと.net
なかなか良かったので備忘録です。 Twitter Bootstrapのデザインを、 jQuery Mobileのテーマに起用した サンプルソースが公開されていま した。フレームワーク的にも使える かもしれない。 Twitter Bootstrap × jQuery Mobileです。既出ですけど良かったので。 JQMのデザイン変更用リソースです。ThemeRollerでもいいんですけどどうも微妙というか、肌に合わないのです。最初から作った方が早い気がしましたが、こうして変更されたものがあるならこれを元に変えると効率的になりそうです。同じ手法でbootswatchで配布されてるBootstrapテーマを起用しても良さそうですね。 Sample サンプルのQRコードです。↓ 何故かフォームのデザイン変更できなかったけど・・・まぁ自分で作ればいいかなｗ ご利用は以下よりどうぞ。 jQuery-M
jQuery mobileでページが勝手に戻る際の対処方法 | Web活メモ帳
先日とあるサイトをjQuery mobileで実装したのですが クライアントから「ページが勝手に戻る」と言われました。 何があったかと言うと、以下のような現象（バグ？）があったのです。 トップページからAページへのリンクをタップすると、 一瞬Aページが表示されるのですが、すぐにトップページに戻ってしまう。 その際に、ブラウザのアドレスバーを確認すると URLはAページのものになっている 手持ちのGalaxy Sで確認したのですが、iPhoneでも同様の現象があるようです。 解決方法 結論から話すと、jQuery mobileのオプションを以下に設定することで現象が発生しなくなりました。 ・リンクのajaxを無効に ・フォーム遷移のajaxを無効に ・自動的にlocation.hashへの変更を処理するのを無効にする 対応したコードは以下になります。 jQuery(document).bin
XHR XSS の話． - ほむらちゃほむほむ
概要 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
jQuery Mobile 最新情報 & Tips
3/15のWeb Cat Studio(リクルートエージェント)で行われた「jQuery Mobile 最新情報 & Tips」のセッション資料です。
jQuery Mobile Tutorial: Creating a Restaurant Picker Web App | The Jotform Blog
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のリストでデフォルトの高さのリストにサムネイルを高さ一杯に含める - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ちょっと意味不明なタイトルですが。 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>
「はじめてのjQuery Mobile（初級編）」セミナー資料（サンプルコード付き） | DevelopersIO
2012年2月10日、弊社セミナールームで行われたjQueryMobileセミナーに講師として参加しました。 お忙しい中ご来場下さいました皆さま、最後までお付合い頂き誠に有難う御座いました。 今回は「はじめてのjQueryMobile」ということで、かなり初心者向けにフォーカスした内容だったわけですが、 参加された方の中には、既に実開発に取組んでいる方もおられて、最後のパネルディスカッションでは、 意外と濃い目の質問なども飛び交ったりと・・ビール片手に盛り上がりました。 私が担当したセッション（初級編）で使った資料はSlideShareで公開しています。 またサンプルコードは本文一番下のリンクからダウンロードできますので、 社内勉強会などで入門資料としてご活用頂ければ幸いです。 はじめてのjQueryMobile（初級編）
『ｊＱuery Mobile 文字化け対策』
Jquery Mobileを使用して、スマートフォンのホームページを作成する場合、 問い合わせフォームなどで文字化けが発生した場合の対処方法を記載します。 文字コードは勿論、utf-8でＨＴＭＬファイルに指定します。 jQueryを使用しているため、それ以外の文字コードは文字化けが発生します。 問い合わせフォームの文字化けの原因はよくわかりませんが、Ajaxを使用設定していたためです。 ■対策 //jQuery mobile 初期化 $(document).bind("mobileinit", function(){ $.mobile.defaultTransition = "slidedown"; $.mobile.ajaxLinksEnabled = false; // Ajax を使用したページ遷移を無効にする $.mobile.ajaxFormsEnabled = false; /
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
jQuery Mobileのマークアップの基本とCSSの変更 (1/6)
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 codes - jsdo.it - Share JavaScript, HTML5 and CSS
Mitsunobuk @ jsdo.it - share JavaScript, HTML5 and CSS - jsdo.itはブラウザでJavaScript,HTML5,CSSを書いて共有するサイト。他のコードをコピーして編集できます。JavaScript,HTML5,CSSに関する質問&回答もありますよ
jQuery Mobileでページ遷移後にアドレスを消す: JavaScriptメモ
jQuery MobileでTOPページは読み込み後にアドレスバーが消えるのに、ページ遷移後にアドレスバーが表示され続けるのが気持ち悪のでJavaScriptで対応してみた。 $('div').live('pageshow',function(){ setTimeout("scrollTo(0,1)", 100); }); pageshowイベントにアドレスバーを消す命令を仕込む。ただ、Android端末によっては背景の描画がおかしくなったりとちょっと微妙な気もする。
Rinso567: Slot Pulsa Gacor 10 Ribu Tanpa Potongan
Rinso567: Slot Pulsa Gacor Deposit 10 Ribu Tanpa Potongan Rinso567 menawarkan pengalaman bermain slot pulsa gacor yang lebih hemat dan praktis melalui sistem slot deposit pulsa 10 ribu tanpa potongan, memungkinkan pemain memulai permainan hanya dengan modal kecil namun tetap berpeluang meraih maxwin dari game RTP tinggi. Dengan dukungan metode deposit pulsa tanpa potongan dan akses ke ratusan slot
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery UIのデザインテーマをオンラインで作成出来るWebサービス・jQUIT Builder - かちびと.net
Swift および Objective-C を使用した iOS メモリー管理で絶対に失敗しないための 7 つのヒント
Swift および Objective-C を使用した iOS メモリー管理で絶対に失敗しないための 7 つのヒント