iPhoneやiPadにも対応の、ページをめくるようなエフェクトを実装出来るjQueryプラグイン・FlipPage
面白そうなアイデアが生まれそうな気がして なんとなくメモ。よくあるページめくりの エフェクトを実装するjQueryプラグインで、 iPadやiPhoneにも対応しているので個人的 にはむしろ、タッチデバイス向けに使いたい という気...
iPhone / iPad
10KB以内、レスポンシブWebデザインである事が条件の軽量Webサービスのコンテスト・10K Apartの中で面白かったもの10個
面白そうなコンテストが開催されているよう だったのでメモがてらご紹介。10KB以下で、 しかもスマートフォンやiPadなど様々なデバ イスで閲覧してもレイアウトを崩さないレス ポンシブWebデザインであることが条件の Webアプリ...
Web制作の知識が無くても、素敵なデザインのスマートフォン向けサイトを無料で簡単に作成出来るWebサービス・WixMobile
もう似たようなサービスは沢山ある んですが、まぁ多くても困らないの で一応ご紹介。直感のみで簡単に 綺麗なデザインのスマフォ向けサイト を作成出来るWebサービス・WixMobile です。
Instagram関連のアプリやWebサービスをまとめたインフォグラフィック
相変わらず人気のInstagramですが、API の公開でさらに加速しているようです。 もともと多かったのでこれからもっと 増えていくかもしれないですね。個人的 に出かけることが減ったのであまり やる機会がなくなってしまいましたけ...
導入も手軽でiPhoneなどにも自動でレイアウトを最適化するシンプルなイメージスライダーを実装出来るjQueryプラグイン・Slides
レスポンシブWebデザイン対応のイメージ スライダーです。かなり沢山出てきました ね。こちらはcssやHTMLもシンプルで済む のでコードをシンプルにしたい際は使い 勝手が良さそうです。こうして選択肢が 増えるのは凄くうれしいです...
jQuery Mobileを使った、タップで拡大するシンプルなイメージギャラリーを構築する際のサンプルコード
備忘録。JQMでイメージギャラリーを作成する 際に参考になりそうなサンプルがありましたの でご紹介です。問題視されていた脆弱性もと りあえず修正されましたし、実践も視野に入れ てスキルを磨きたいところですね。JQMももう 少し軽く...
jQuery Mobileにシンプルなページネーションを簡単に実装出来るプラグイン・jQuery Mobile Pagination Plugin
どこかで使うかもと思ったので備忘録。JQM にシンプルなページ送りを実装出来る、という jQueryプラグイン。実装もとても簡単なので 覚えておいて損は無さそうです。ちょっと問題 になっていたXSSの問題も一応は解決したの でそろ...
HTML5やcss3を使う際に見てるリファレンス的なサイトとか、使い勝手の良いツールとか
あまりに情報量が多くて混乱してきたので 自分用にまとめ。リファレンスとか、ちゃんと 実践で使えるツールを自分なりに厳選して まとめておきます。どうも、あっちこっちで あれが便利とかこれが便利だとか言われる と訳が分からなくなるので...
映画で見たような光景が現実に ・・・ インターネットに接続して情報を鏡に映し出し、タッチパネルとしても操作できる・Cybertecture Mirror
結構前からあるみたいなんですが、今更しった のでご紹介。映画で見たような、様々な情報 を映し出す生活鏡です。インターネットに接続 するので最新のニュースやSNSも楽しめて、 タッチパネルとしても操作できるそうですよ。 こういうのが...
240pxから最大2560pxの画面サイズまで対応出来るレスポンシブWebデザイン構築用のグリッドシステム・Golden Grid System
iPhoneなどのモバイルや、超ワイドなモニターサイズ までサポートしているレスポンシブWebデザイン構築用 のフレームワーク・Golden Grid Systemなるものが 登場した模様です。最大で2560pxまで対応できる らし...
スマートフォンにも対応可能・ウィンドウサイズに応じてレイアウトを自動調整する軽量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とか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では ...
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のご紹介です。イメージ スライダーを取り入れているサイトは多い のでこうい...
スマフォにも最適化し、ファンゲート対応のFacebookページも作成できるフリーのWPテーマ・Flexibleがなかなか良さそう
iPhoneのようなスマートフォンや、iPad のようなタブレットデバイスだけでなく、 Facebookページにも対応できる様に 工夫されているフリーのWordPress テーマ・Flexibleをご紹介します。ベース はTwen...
jQueryMobileでリアルタイムなフォームバリデーションを使う
jQueryMobileでのフォームバリデー ションに関して調べ物をしたのでメモ。 実装した事が無かったのですが、も しかしたら近いうちに使うかもなので 動作テストしてみました。バリデーシ ョンには他プラグインを使います。