CakePHP 2.1 で jQuery Mobile を使ってスマートフォンサイトを作る方法
if($this->RequestHandler->isMobile()) { echo 'mobile website!'; } ただし、RequestHandlerComponent::is_Mobile() では日本の携帯全てに対応しているわけではないため、日本の携帯にもある程度対応している Ktai Library for CakePHP というものを使用すると良いそうですが、今回は iPhone と Android にスマホ用ページを表示できれば良いので、デフォルトの判定で実装していきます。 CakePHP でモバイルテーマを作成する AppController にて以下の記述をすることで、モバイルでアクセスした場合にテーマ Mobile を宣言します。
deferloader – 株式会社ウフル技術ブログ
LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More
jQuery Mobile 1.1RCが早くも登場
昨年11月にjQuery Mobile 1.0が登場してから約3カ月、早くもjQuery Mobile 1.1RC（リリース候補版）が登場しました。 jQuery Mobileは、HTML5のタグを書くだけでプログラミングをせずにモバイルアプリケーションが作れてしまうJavaScriptのフレームワーク。開発されたアプリケーションは、iOS、Android、WebOS、Windows Moblie、Symbianなどさまざまなモバイルプラットフォームで動作します。 固定スクロールバーや画面遷移の改善 jQuey Mobile 1.1RCでは数多くの改善点があると伝えられています。 1つ目は、固定ヘッダや固定フッタ（fixed toolbars）の改善です。これまで固定ヘッダや固定フッタは、画面スクロール中にはいったん消えて、スクロールが停止すると現れるという、やや不自然な動作で実現されてい
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
Dreamweaver CS5.5 マスターシリーズ 第3回 jQuery Mobile Widgetでスマートフォン対応サイトを作ろう その2 | デベロッパーセンター
Dreamweaver CS5.5 マスターシリーズ 第3回 jQuery Mobile Widgetでスマートフォン対応サイトを作ろう その2 このマスターシリーズでは、Dreamweaver CS5.5の新機能の中からモバイル開発機能を中心に解説します。 前回はDreamweaver CS5.5で導入された「jQuery Mobile Widget」を利用して、jQuery Mobileの知識が無くとも、直感的にスマートフォン対応サイトを作成する方法を解説しました。今回は、前回作成したサンプルをもとに、jQuery Mobile Widgetをさらに使いつつ、またjQuery Mobileが提供する便利な機能も取り入れて、より本格的なスマートフォン対応サイトに仕上げていきます。 ※jQuery Mobile 1.0beta1を含む以前のバージョンにはクロスサイトスクリプティングの脆弱性
User Agent Switcher用XML : 携帯＋スマートフォン(＋おまけ)対応版 – 我流天性 がらくた屋
当ブログで何故か一番アクセス数がある、User Agent Switcher の携帯用のXML(2007年11月) で配布してる、 UserAgent切替できるFirefox拡張『User Agent Switcher 』用のuseragentswitcher.xmlが、だいぶ古くなってきたので見直してみました。 下記のzipをダウンロードして解凍してください。 useragentswitcher.xml.zip (22KB) 丁度、iPadの確認が欲しかったのでw おまけで個人的趣味でゲーム機も追加してます。 User Agent SwitcherへXMLの導入方法 事前準備） ・User Agent Switcher をFirefoxにインストールする（要Firefox再起動） ・useragentswitcher.xmlをダウンロードしてローカルに保存しておく Firefoxのメニュ
WordPressでKtaiStyleとjQuery Mobileを使ってスマホ対応サイトを作る方法
「ライターも増えたし、この機会にスマホ対応にしよう」なんてどうでも良いことを思い立ち、あーだこーだしてみました。 「jQuery Mobile」というjavascriptのライブラリを使えば簡単にスマホ対応サイトに出来るらしい、ということは前からなんとなく知っていたので、「簡単にできるだろう」なんて思って始めたのですが、Ktai Styleとの兼ね合いでいろいろ苦労しました。。 WordPressでPC、スマホ、ガラケーに対応する場合、よく使われるのは Ktai Style + WPtouch の組合せみたいです。最初はその方法で行こうかと思っていたのですが、調べたらWPtouchには無料のWPtouchと有料のWPtouch Proがあって、無料版はなんかいろいろ制限があるっぽい(通りでみんな似たような見た目になってるはずだわ)。 しかし、$39も払って自分でテーマ作るってのもシャクナベ
This page has moved!
This page has moved! The new URL is: http://www.electricplum.com/studio.aspx You will be redirected to the new address in five seconds. If you see this message for more than 5 seconds, please click on the link above!
jQuery pageSlide by Scott Robbin
Nowadays, it might be accurate to say that screen real estate is worth more than actual real estate. As web developers, we spend precious time laying out our pages, using every UI concept in the book to conserve space, while trying to maintain a user's focus on the task at hand. There are many techniques to use — Lightbox, Carousel and Tabs to name a few — and today I hope to offer up another: jQu
モバイルサイズになると自動でグローバルメニューをPathのような横スライド式に切り替える軽量jQueryプラグイン・PageSlide Responsive - かちびと.net
結構良さそうだったので備忘録。レスポンシブWebデザイン向けのライブラリです。モバイルのサイズになるとグローバルナビを横スライド式に切り替える、というもの。面白いですねー。 これ結構いいんじゃないでしょうか。レスポンシブWebデザインにするとどうしてもナビゲーションが縦長になりがちなのでその不満は解消できるアイデアですね。 PathやFacebookのiPhoneアプリのような横スライドメニューは使いやすいかもしれない。 Pathのようにというか、全く同じじゃないんですが、モバイルサイズになると横スライド式のメニューに変更するjQueryプラグインです。 ちょっといいアイデアですね。プラグインも圧縮版は3KBと軽量です。 タップすると左からメニューがスライドします。 手抜きで申し訳ないんですがサンプルです。 Sample※表示確認はresponsivepxを使うと楽です 実機で重いのは僕が
WordPressでKtai Styleを使ってjQuery Mobileスマートフォンサイトを制作する流れ
前回のエントリーからjQueryMobileでスマートフォンサイトを制作し、その後幾つかの修正を重ねそれなりの形になってきたので作業の流れをまとめました。 WordPressのプラグインKtai Styleを使ったjQuery Mobileスマートフォンサイトを制作する流れです。 前回のエントリーからjQueryMobileでスマートフォンサイトを制作し、その後幾つかの修正を重ねそれなりの形になってきたので 作業の流れをまとめました。 やり方は人それぞれだと思いますが、 作業の参考になってくれたら幸いです。 ラフの作成 HTMLマークアップ デザイン（テーマ）のカスタマイズ WordPressテーマ作成 Tipsなど 1.ラフの作成 一般的なwebサイト制作と同様にまずラフを制作します。 また、jQuery Mobileの特徴でもある画面遷移時の効果や、 表示のされ方などもこの時点で決めて
知識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 が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
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
jQuery Mobileを使ってiPhone用のWordPressテーマを作るTips - かちびと.net
話題のjQuery Mobileを使用したWordPress のiPhone用テーマを作成する方法のご紹介 です。あくまで、対応させる為のTipsという事 で了承願います。jQuery Mobileは、モバイル に簡単に対応させる事が出来るライブラリで、 jQueryのプラグインです。 対応させるだけなのでcssの調整とか細かい点などはご自身で変更してみてください。 基本的に、jQuery Mobileはライブラリを読みこめばあとはdivにidを振ったり、data-theme等を加えればいいだけのようなのでテーマファイルを作るときもその手順通りで済むようですね。 細かい作り方は割愛し、ここでは大まかな手順をご紹介します。デザインに関してはjQuery Mobileのドキュメントをご確認ください。 おおまかな手順 適当にWPテーマのフレームワークを用意 header.phpにjQueryとj
Dreamweaver CS5.5 マスターシリーズ 第1回 メディアクエリー機能を使ったスマートフォン&タブレット対応 | デベロッパーセンター
このマスターシリーズでは、Dreamweaver CS5.5の新機能の中からモバイル開発機能を中心に解説します。 AndroidやiPhoneなどのいわゆる「スマートフォン」は、PC（デスクトップ）向けのサイトをそのまま表示できるのが特徴です。しかし、スマートフォンの画面（スクリーン）はPCに比べて非常に小さく、そのまま表示できるとしても読みやすいとは言えません。また、タブレットも同様で、スマートフォンより画面が大きいとはいえ、サイトによっては読みづらいこともあります。 利用者のことを考えれば、やはり画面の大きさに適した見せ方をしたいところです。この対処方法としては、専用のHTMLとCSSを準備して振り分ける方法と、同じHTMLをCSSだけ切り替えて最適化する方法があります。Dreamweaver CS5.5では、これらの方法を用いてスマートフォン&タブレット対応サイトを制作する際に役立つ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
6go.biz
AMD
jQuery Mobile 1.1.0 日本語リファレンス
Loading...
jQuery Mobileを使ったフリーのスマートフォン向けWordPressテーマ・Generic jQuery Mobile - かちびと.net
