WordPressをSNS化するBuddyPressを使ったWebサイトをスマートフォンに最適化するプラグイン・BuddyPress Mobile - かちびと.net
未検証です。見かけたのでメモ的に記事 にします。WordPressをSNSとして使う ことが出来るBuddyPressというプラグイン があるんですが、これを使ったWebサイト をスマートフォン向けに最適化する、という プラグイン。 なんだかややこしいですが、BuddyPressというのはWordPressをSNSに出来てしまうプラグインです。詳しくはWebクリエイターボックスさんの記事を見てください。 で、BuddyPress Mobileというのは、BuddyPressを使ってるサイトをスマフォ向けに最適化してくれるというもの。 BuddyPress製のサイトをスマフォ向けに出来るプラグインだそうです。iPhone、iPod touch、Androidと一部のBlackBerryに対応してるよ、とのこと。SNSとスマフォの相性は割と良さそうなので導入してみるのも有りかもですよ。 スマー
960グリッドシステムをjQuery-Mobileと併用する為のスタイルシート・jquery-mobile-960
どこかで使うかもしれないと思って メモがてらシェア。スマートフォンに サクッと対応させるjQueryプラグイン のjquery-mobileに960グリッドシス テムを取り入れることが出来るcss、 jquery-mobile-960です。 なんだかタイトルが謎ですが語彙が無いだけなので気にしないでください。jquery-mobile-960はライセンスがMIT。商用もOKで無料で配布してくれています。 jquery-mobile-960は、960.gsをjQuery-Mobileを使ったレイアウトにも使うためのcssです。2カラム、3カラム、イメージギャラリーなどに使えそうな4カラムレイアウトなどもも思いのまま。 少し大きいですけど全画面キャプチャ↓ 実際にiPhoneで確認 縦の場合。 横の場合。 使い方<link href="http://code.jquery.com/mobile
jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル - かちびと.net
自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで下さい。 [note]追記 もう少し増やして見やすくしたものをダウンロード出来るようにしました。 [/note] プラグイン読み込み <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="
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
jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた - かちびと.net
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map GoogleMap APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。 以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。 ランドスケープ時も自動で横幅をあ
以前作った「jQuery Mobileを使ったWPテーマ」を配布しようと思ったら既出だった・・ - かちびと.net
以前、jQuery Mobileを使ってWPの テーマを作成するチュートリアルを記事 にしました。そのテーマを折角作ったの で配布しようと思ったら既にありました。 というわけで、そちらをご紹介します。 内容は多分同じだと思います。 以前書いた、jQuery Mobileを使ってiPhone用のWordPressテーマを作るTipsという記事を見て頂ければたぶん分かると思いますが、jQuery Mobileプラグインを読み込んで必要箇所にidなんかを振ってあげればOKです。 このテーマも同じようなものじゃないかなと思います。折角無料で配布してくれているのでシェア。 Mobile theme jQuery Mobile pluginを使ってテーマを作ったよ、とのこと。CatsWhoCodeの人が作ってたんですね。僕はiPhone以外確認出来ませんが、BlackberriesやAndroidにも
Twitter Bootstrapから派生したWeb制作向けフレームワーク・Plusstrap
派生と言っていいかどうか分かり ませんけど、Plusstrapは、より 迅速にWeb開発を可能にしたフレー ムワークとのことです。アプデ したBootstrapをちゃんと把握 していないので詳細は触れない でおきます。 Twitter Bootstrapを元に、より迅速にWeb開発が可能になる、というフレームワークだそうです。派生の定義が良く分かってないので違っていたらごめんなさい。 正直な話、時間作れてなくてソース殆ど見てません。ナード向けだそうです。自分は一般人なのでギークとの違いが良く分からないですが凄い人向けって事なんじゃないでしょうか。 各種コンポーネントも揃ってます。 カスタマイズも可能。不要なものをチェックから外せば軽く出来ます。 今の仕事が落ち着いたら触りたい。 Plusstrap
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
.NETでスマホ向けWebアプリ開発を始める前の基礎知識（1/3） - ＠IT
.NETによるスマートフォンWeb UI開発ガイド【導入編】 .NETでスマホ向けWebアプリ開発を始める前の基礎知識 デジタルアドバンテージ 一色 政彦 2011/04/01 いま、開発者の間で「スマートフォン開発」に対する関心が高まってきている。これは.NET開発者においても例外ではなく、Insider.NET／.NET開発者中心の読者の66％（※＠IT読者全体では70％）がスマートフォン開発を検討しているのだ*1。（執筆現時点での）.NET開発における主要なアプリ形態としては（※本稿では「アプリケーション」は「アプリ」と表記）、Windowsアプリと（PC向け）Webアプリが挙げられるが、数年後にはそこにスマートフォンが加わりそうな雰囲気である。 スマートフォン開発といっても、大きく分類して「ネイティブ・アプリ」と「Webアプリ」の2種類が考えられる。現時点で、この両者への開発者の関
HTML5 で作る iPhone ローカル Web アプリ入門
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Mobileを使った、タップで拡大するシンプルなイメージギャラリーを構築する際のサンプルコード - かちびと.net
jQuery Mobileを使ったフリーのスマートフォン向けWordPressテーマ・Generic jQuery Mobile - かちびと.net