かちびと.net

登録したWebサイトを予め用意されたスマフォ等のモックアップ画像にはめ込んで実際に動作、Embedも出来る、というもの。需要があるかはさておき、ちょっと面白かったのでご紹介します。

いつものお方より「CSS3+jQueryで作るスマートフォンサイトUI図鑑」をご献本頂きました。有難うございます！スマフォ向けサイトはここ数年で一気に高需要となり、より最適なUIが求められるようになっていますのでこういった技術本が一冊あると安心かもしれません。

任意の要素をアニメーションエフェクトで立体的に見せる、というスクリプト・TURNBOX.jsのご紹介。フラットなデザインと相性良さそうです。

要素をソートできるスクリプトのご紹介。タッチデバイスにも対応しており、軽量で非依存型となっています。なかなか便利そうですね。

スマフォサイト用のパララックス実装スクリプトがあったので一応メモ。使用は未定ですけど、ちょっと面白かったので覚えておこうと思います。

レスポンシブなナビゲーションのパターンをまとめているResponsive Navigationのご紹介です。選択肢が複数あるとコンテンツにも合わせやすくなるので覚えておきたいところです。

よさ気だったので備忘録。jQueryで作るスライダーです。画像や動画にも対応、レスポンシブWebデザインにも対応しており、マークアップもシンプルで済みます。

レスポンシブWebデザイン対応サイト向けのドロップダウンメニューを実装する為のスクリプト・FlexNavのご紹介です。なかなか使い勝手も良さそうな印象でした。

タッチデバイスに対応したLightboxを実装するスクリプトのご紹介です。jQueryに依存します。多機能なものではありませんが、使いやすくて良さそうです。ただ、実機での動作テストをしていませんのでその程度の記事。

グリッドレイアウトなWebサイトを構築できるフレームワークのご紹介。レスポンシブWebデザインにも対応しており、カラム幅やMedia Queriesもコントロールしやすく設計されてるみたいです。

table要素をレスポンシブに対応させる、というスクリプトです。他にも同じようなスクリプトは存在しますが実用的ではなかったので紹介してなかったですけどこれはアリな気がします。

要素をタイル状に配置してくれる、というjQueryプラグイン。特に目新しいものでは無いですけど。Pinterestライクなレイアウトを実装出来る、と言ったほうが伝わりやすいかも知れませんね。

土曜日なのでたまには軽い話題。
11月6日にエレコム社からワイヤ
レスキーボードが登場しました。
iPhoneやiPad、Win PCでも使えて
コンパクト化も可能とのこと。
なかなか良さそうです。

タッチデバイス独特の操作方法を明示
するジェスチャーアイコンが商用利用
も可能で、セットで配布されていたの
でご紹介。他にもあった気はしますが、
汎用的なデザインで利用しやすそうだ
ったのでメモ。

タッチイベントによるホイール
スクロール等を可能にするjQuery
のプラグイン。ラッチ（ｶﾁｶﾁ感）
の無い、慣性ホイールスクロール
も実装可能です。ドラッグや
フリックなども対応してるみたい。

ご連絡いただきましたのでご紹介。
見た目が綺麗なアイコンやUIの
素敵なアプリを紹介する国内の
Webサービス・App Modeです。イン
スピレーションの向上にもなる
かもしれないですね。

ちょっと面白いアイデアだったの
でご紹介。iPhoneが家鍵の代わり
になる、というもの。仕組みが
単純なので導入しやすい気がしま
す。遠隔操作できるのもいいです
ね。

久々にiPhoneグッズのご紹介。
朝に弱い方の味方、ベル音の
目覚まし時計をiPhoneで実現
出来ます。そういう音を出す
アプリじゃなく、差し込むタ
イプです。

今更ですけどLungo.jsを少し触って
見ました。Lungo.jsはHTML5+CSS3の
スマートフォン向けフレームワーク
です。jQueryやmootoolsなどを必要
としない非依存型のライブラリです
ので覚えておいて損は無いかも。

ちょっと良さそうだったのでメモ。
スマフォ用サイト向けのシンプル
なフレームワーク・Sidetapです。
jQueryのライブラリですので、動作
にはjQueryが必要ですが、ライブ
ラリ自体はそこそこ軽量みたい。

iPhone4のRetinaディスプレイで閲覧
された際に自動で高解像度の画像に
自動で切り替えるjQueryのコード。
@2xが付くアレです。ちょっと今更
な話題なので誰も見て無さそうな
日曜日に書いて置こうと思います。

先日リリースされたWordPressの
新バージョン、WordPress3.4から
コアファイルにjQuery UIをタッチ
デバイスで動かすライブラリが
追加されたみたいです。jQueryUI
あんま使わないですけど・・