jQuery mobileのテーマを初期化してデザインをカスタマイズ
jQuery mobileをベースに組んであるウェブサイトで デフォルトのテーマとは全く違うデザインにする場合の方法 jQuery mobile には、初期設定でA～Eの5種類のテーマが入っています。 一般的に、このテーマの色やグラデーションなどの装飾を取り外したいところには 装飾を無効にする data-role=”none” や 特定のテーマを部分指定する data-theme=”[a-z]” で、 初期設定では存在しないｆ以降を指定する方法がしられています。 ただ、この方法でも 角丸やドロップシャドウなど全テーマ共通のスタイルが残っており これらをリセットするスタイルを被せてから任意のスタイルを設定する事もあります。 そこで、もう根本的にオリジナルのデザインにする場合のもう一つの方法を紹介します。 デフォルトテーマなしの jquery.mobile.structure-x.x.x.c
短期間でのスマホ向けWeb開発
スマホアプリ開発者向け IDCFクラウド活用セミナー 2012年6月14日(木)18:30～ ＠IDCフロンティア ～『短期間でのスマホ向けweb開発について』～ セミナー資料
Heroku + CakePHPで短歌サイトを高速で開発してみた : candycane development blog
みんなの短歌 Hinetterという短歌を投稿できるサイトを作ってみました。ここのところよく解説していたHerokuのPHPスタックの上にCakePHP2.1とJQuery Mobileを載せて開発しています。アイデアを思いついてからは24時間くらい、実質の開発時間は半日ほどで特にFacebook連携と見た目の部分に時間をかけた感じです。Herokuによる開発速度はとんでもない月曜の朝にFacebookのウォールになんとなく短歌を投稿したのですが、その後なんとなく話しが盛り上がり名前の案が出た所でheroku createしています。当日の夜は何もせず、翌日下北沢オープンソースカフェで作業を始めました。環境の構築などが必要なく、ただひたすらにGitでpushするだけでいいのでお昼すぎには動くアプリをデプロイする事ができました。また副産物としてCakePHP2をHerokuで動かす為のプラグ
ブラウザベースのjQuery Mobileアプリ開発環境「codiqa」と「Application Craft」
jQuery MobileなどのすぐれたJavaScriptフレームワークの登場で、HTML5とJavaScriptを組み合わせたWeb標準によるモバイルアプリケーション開発が普及し始めています。 この記事では、Web標準によるアプリケーション開発をさらに簡単にしてくれる、WebブラウザベースのjQuery Mobile対応モバイルアプリケーション開発環境「codiqa」と「Application Craft」の2つを紹介しましょう。 Codiqa～jQuery Mobileアプリのモックアップがすぐ作れる モバイルデバイス対応のアプリケーションを開発するときに手間がかかるのが、小さい画面でも使いやすいユーザーインターフェイスの構築です。モックアップを作り、使い勝手を試す必要があります。 先月公開が始まった「codiqa」は、そのモックアップを手軽に、Webブラウザ上でドラッグ＆ドロップす
jQuery Mobileのデザインを簡単に作れる「ThemeRoller」徹底解説
jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します（2012/01/11頃まで）。 このエントリーで紹介する情報は2011年12月のものです。 １．ThemeRollerへのアクセス方法と全体レイアウト jQuery Mobileのトップページにある「Themes」をクリック。 ウェルカムメッセージが表示されるので、「Get Rolling」をクリック。 冒頭の編集画面が現れます。左ペインにテーマの各種設定項目、右ペインにプレビュー画面が表示されます。プレビュー画面は複数表示させることができるので出来栄えを見比べるこ
スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホサイトを作ってみよう【基本編】 | HTML5でサイトをつくろう
jQuery Mobileってなに？ jQuery Mobileは、javascriptのフレームワークです。スマートフォン向けの直観的で使いやすいUIを瞬時に作成できます。 JavaScriptをWebデザイナーでも扱える身近な存在に変えた「jQuery」。そのjQueryと同じ開発元からリリースされていることもあって、スマートフォン向けフレームワークとして注目のjQuery Mobile、文法はjQueryとまったく同じですのでためしにサンプルを作ってみました。 jQuery Mobileは、解像度の違いなど、デバイスの特性の違いも吸収してくれるというのが最大の強みになっていて、ほとんど全ての機種に対応しています。そのため制作者は悩み所だったデバイスの違いを気にすることなく、スマートフォンサイトを作成できてしまいます！iOSやAndroidなどのWebKitベースのスマートフォンだけで
HTML5 で作る iPhone ローカル Web アプリ入門
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
jQuery Mobile のbeta3が待望のpushStateに対応したっぽい＆その他
beta2あたりから既にそうですが，今回も大きな変更というよりはブラッシュアップが中心になっているリリースです． パッケージビルダーの用意や，アニメーションのCSS Transitionへの切り替えは，まだまだこれから． 私事ですが，明日jQuery Mobileについて人前でしゃべるので，ネタ的には滑り込みセーフでよかった〜． 今回の変更点 jQuery Mobile Beta 3 released! | jQuery Mobileより変更点を解釈していきます． 回を重ねる毎に，jQuery Mobileというよりモバイル端末への実装アプローチの勉強になってきています・・・．本来の目的はどこへやら． pushStateに対応してURLがクリーンに！ 新しいpagechange系イベントが発行されるようになった iOS5での動きが劇的に改善 beta2からbeta3への変更点 キーフレーム
高速化を果たしたjQuery Mobile RC3公開。問題がなければ今週中にこのまま正式版へ！
10月にリリース候補版のjQuery Mobile RC2が公開され、そこから数週間以内に正式版の登場が予告されていましたが、昨日あらためてリリース候補版のjQuery Mobile RCが公開されました。 RC2に比べてRC3ではパフォーマンスチューニングが行われ、高速化が実現しています。RC3リリースの目的は、高速化によるレグレッションや新たなバグなどが発生していないことを確認することです。 Sure, we know we said we were going straight to 1.0 when RC2 came out, but we’ve been making a ton of performance enhancements and we just want to make sure 1.0 goes off without a hitch. RC2が登場したとき、次は
［速報］jQuery Mobile 1.0正式版が公開！ モバイルアプリケーション開発の新時代へ
モバイルアプリケーション開発のためのJavaScriptによるフレームワーク「jQuery Mobile 1.0」のFinal Releaseが、今週前半に予告された通り、ついに公開されました（日本時間18日午前3時頃）。 jQuery Mobileはオープンソースとして開発されており、「Download」ページからだれでも無料でダウンロード可能です。jQueryのWebサイトやマイクロソフトのCDN（コンテンツデリバリネットワーク）などでの配布もはじまっています。 HTML5のタグだけでモバイルアプリケーションが作れる jQuery Mobileの大きな特徴は次の3つです。 1）HTMLのタグだけで、プログラミングせずにモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Mobl
知識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でのアプリケーション開発にBackbone.jsを導入しよう | Lab by engineering@dwango.jp
こんにちは、2011年度新卒エンジニアの夏目です！突然ですがみなさんJavaScript書いてますか？ 最近はjQuery Mobileなどを利用したスマートフォン向けアプリ開発において、クライアントサイドでもヘビーなJavaScriptのコーディングをする機会があると思います。そのようなときコードのいたるところにHTMLが混入したり、どこでどのデータを扱っているのか分からなくなるということになりがちです。 今回はそんな悪夢のようなコーディング生活に一筋の希望の光を照らすBackbone.jsを紹介したいと思います。 対象読者 JavaScriptでの開発経験がある方 Backbone.jsとは Backbone.jsはDocumentCloudが開発をしている、クライアントサイドのJavaScriptコードをModel、View、Controllerで構築するためのフレームワークです。b
jQuery Mobileのバージョンアップではまった - pushStateの存在 - | PPl@ce
jQuery Mobileをつかってスマートフォン対応をしたときにはまったこと。 前提jQuery Mobileのcss、javaScriptは以下のように利用 cssはダウンロードし自分のサーバにアップjavaScriptはCDNを利用また、自前としては 一部、自前のcssを用意設定用の自前のjavaScriptを用意上記から以下のような感じになってます。 <link href="/jquery/jquery.mobile.min.css" rel="stylesheet" type="text/css" /> <link href="/css/jquery-custom.css" rel="stylesheet" type="text/css" /> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Mobile
Home - Mgallery-JQ
HisasAnn.com is for sale | HugeDomains