マウスポインタの形をしたiPadなどのタブレット向けスタイラス・Big Big Cursorがちょっとかわいい
ちょっと欲しいかも、と思って備忘録。矢印や 指など、マウスポインタでお馴染みの形をした、 スタイラスがちょっとかわいいです。やや大き めなのでiPadなどのタブレット系デバイス向け ですかね。正直使い勝手はアレですけど、便 利は便...
iPhone / iPad
jQuery Mobileを使った、タップで拡大するシンプルなイメージギャラリーを構築する際のサンプルコード
備忘録。JQMでイメージギャラリーを作成する 際に参考になりそうなサンプルがありましたの でご紹介です。問題視されていた脆弱性もと りあえず修正されましたし、実践も視野に入れ てスキルを磨きたいところですね。JQMももう 少し軽く...
レトロな蓄音機で音楽を再生出来るiPhoneのドック・iVictrola
なかなか凄いiPhoneドックが登場したみたい です・・・iPhoneを差し込むと、蓄音機で再生 出来るドック・iVictrola。レトロな蓄音機型で なかなか良さそうなインテリアになりそうです。 ドックはいろいろと種類があり、ユニ...
jQuery Mobileのオリジナルテーマカラーを簡単に追加できるCSSジェネレーター・jQuery Mobile Themerollerと、オリジナルテーマカラーの追加方法
この手のWebサービスは初見だったので ちょっとメモ的に。JQMのデザインを簡単 に変更できるcssジェネレーターです。JQM でそろそろ脱CDNしたい、という方は試しに テストしてみてはいかがでしょう。直感で 変更できるのでわり...
jQuery Mobileにシンプルなページネーションを簡単に実装出来るプラグイン・jQuery Mobile Pagination Plugin
どこかで使うかもと思ったので備忘録。JQM にシンプルなページ送りを実装出来る、という jQueryプラグイン。実装もとても簡単なので 覚えておいて損は無さそうです。ちょっと問題 になっていたXSSの問題も一応は解決したの でそろ...
240pxから最大2560pxの画面サイズまで対応出来るレスポンシブWebデザイン構築用のグリッドシステム・Golden Grid System
iPhoneなどのモバイルや、超ワイドなモニターサイズ までサポートしているレスポンシブWebデザイン構築用 のフレームワーク・Golden Grid Systemなるものが 登場した模様です。最大で2560pxまで対応できる らし...
iPadアプリ専門のハイクオリティなUIを収集しているダイナミックなギャラリーサイト・Landing Pad
iPadアプリの素敵なインターフェースを専門に 収集しているギャラリーサイト・Landing Pad のご紹介。とってもダイナミックな方法で閲覧 出来るので見てるだけでも楽しいです。クオ リティ重視のようなのでまだ数が多いとは 言...
スマートフォンにも対応可能・ウィンドウサイズに応じてレイアウトを自動調整する軽量jQueryイメージスライダー・FLEXSLIDER
スマートフォンやiPadなどのタブレットはもちろん、 様々なウィンドウサイズにも自動でレイアウトを 調整するレスポンシブなjQueryスライダーのご 紹介。FLEXSLIDERは4KBと軽量で、実装も 手軽なので覚えておくと重宝しそ...
iPhoneやiPad等にもWebサイトを最適化するレスポンシブWebデザイン構築に役立つフレームワークやTipsいろいろ
iPhoneやiPadなどの人気デバイスに Webサイトのレイアウトを最適化する為 の方法の一つとして、Media Queriesを 使ったレスポンシブWebデザインの構築 が注目されつつあります。当サイトでも 何度か取り上げてい...
フリックでiPhoneのカメラを360度見渡せるように出来るアクセサリー・BubbleScopeがちょっと良さそう
まだ未発売ですけど、なかなか面白そうな iPhoneアクセサリーが登場しそうですよ。 BubbleScopeは、iPhoneで360度パノラマ 撮影が出来るようにするアクセサリーです。 フリックでカメラを動かせるようで、カメラを ...
グリッドレイアウトを意識したレスポンシブWebデザインをSass/Compassを使って構築する為のサンプル
なかなか珍しかったので備忘録。個人的 にも注目しているMedia Queryを使った レスポンシブWebデザインの構築を、 Sassをサポートしたcssフレームワーク、 Compassを使って行える、というサンプル。
jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ
jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では ...
Media Queryを使用したレスポンシブWebデザインの構築時にはResponsivepxっていうツールが超オススメです
たまたま見つけたツールが泣きそうなくらい 便利だったのでシェア。Media Queryを使用 したレスポンシブなWebデザインの構築時 にとっても役に立ってくれるツールです。URL を指定するだけで、あとは幅を調整しながら レイア...
WordPressをSNS化するBuddyPressを使ったWebサイトをスマートフォンに最適化するプラグイン・BuddyPress Mobile
未検証です。見かけたのでメモ的に記事 にします。WordPressをSNSとして使う ことが出来るBuddyPressというプラグイン があるんですが、これを使ったWebサイト をスマートフォン向けに最適化する、という プラグイン...
Googleアナリティクスの統計をjQuery Mobileでも閲覧できるようにするサンプル
需要があるかどうか分かりませんが、 1%の方にでも参考になればと思い 記事にしてみます。アナリティクスの 統計をスマフォで確認出来るように する為のサンプル。jQueryMobileを 使います。
スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries
これはかなり便利そうだったので備忘録。 ディスプレイサイズに応じて指定した要素 にclass名を加え、そのclassを使ってデザ インする事でレスポンシブなWebデザイン を設計出来るようにする為のライブラリ。 かなり便利そうです...
簡単手軽にモーショングラフィックスっぽいGIFアニメを作れるiPhoneアプリ・Gif Shopが割と楽しい
たまたま見かけて思わず衝動買い したiPhoneアプリのご紹介。たまに 見かけるパラパラ漫画のような動画、 モーショングラフィックスと言うんです が、これっぽいGifアニメを手軽に作る ことが出来るiPhoneアプリです。
スマフォにも対応・ディスプレイサイズに自動で幅調整するレスポンシブなjQueryイメージスライダー・Blueberry
どのようなディスプレイサイズでも自動で レイアウトを調整してくれるレスポンシブな イメージスライダーを実装出来るjQueryプ ラグイン・Blueberryのご紹介です。イメージ スライダーを取り入れているサイトは多い のでこうい...
iPhone等での表示をPCで確認出来るAir製のシミュレーター・Mobilizerがローカルファイルにも対応出来るし、割と良かった
iPhoneや、BlackBerryなどでのWebサイトの表示をPCで確認出来るシミュレーターです。Air製で無料で使えます。まだ使い始めたばかりなんですが起動も軽く、ユーザーエージェントもそのデバイスごとに設定してくれてるみたいです。
iOS4.2+ / モバイルSafariの「振る動作（シェイクジェスチャー）」をjQueryを使って検知する
iPhoneを振る動作（シェイクジェスチャー） によって呼び出されるモーションイベント をjQueryで検知するgShakeのご紹介。 iOS4.2以上 / Safariでは加速度センサー をJavaScript経由で使うことが出来...
jQueryMobileでリアルタイムなフォームバリデーションを使う
jQueryMobileでのフォームバリデー ションに関して調べ物をしたのでメモ。 実装した事が無かったのですが、も しかしたら近いうちに使うかもなので 動作テストしてみました。バリデーシ ョンには他プラグインを使います。
iPad用のシンプルなInstagramビューア専用無料アプリ・Pandagram
自分好みだったのでインストールついで にご紹介。人気のフォトソーシャルアプリ、 Instagramの写真をiPadでダラ見出来る iPadアプリです。機能性は全くと言って いいほどなく、Instagram用のデジタル フォトフレー...