iPhone / iPad

【献本御礼】 「CSS3+jQueryで作るスマートフォンサイトUI図鑑」をご献本頂きました

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

緩いライセンスで提供された、モバイルファーストなWebサイト制作用フレームワーク・Kraken

モバイルファーストなWebサイトの制作向けに作られたフレームワークです。ライセンスはあまり聞きなれないWTFPLというもの。かなり緩いので使いやすいのでは無いかと思います。

タッチデバイスで要素を回転させたりリサイズ、ドラッグによる移動を可能にするスクリプト・Touch-box

タッチデバイスで要素の回転やリサイズ、ドラッグ移動等を可能にするためのスクリプト、Touch-boxのご紹介です。シンプルでいい感じでした、iOSでしかテストしていませんが・・
Ads

グリッドレイアウト向けのレスポンシブWebデザイン対応CSSフレームワーク・MUELLER

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

スクリーンショットを「iPhoneやiPadなどで閲覧中」の写真に合成するサービス・PlaceIt

ちょっと面白いサービスだったので ご紹介。iPhoneやiPadなどのモバイ ルデバイスで閲覧中っぽい画像を 作ってくれる、というもの。説明が 上手くできませんけど、よく見かけ る構図なのでどこかで使えるかも。

tableをレスポンシブWebデザインに対応させるスクリプト・FooTable

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

ドラッグ&ドロップによる再配置も可能な、タイル状に要素を配置するjQueryプラグイン・jQuery.Shapeshift

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

エレコム製のiPhone/iPadでもPCでも使えるコンパクト化が可能なワイヤレスキーボードがちょっといいかも

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

商用利用可能なタッチデバイス向けのジェスチャーアイコンセット・TOUCH GESTURE ICONS

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

タッチデバイスで要素をスムーズに回転させるjQueryプラグイン・Touchy

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

jQuery Mobileでシンプルなイメージギャラリーを実装する為のプラグイン・ImageFlip

JQM向けのイメージギャラリーを 実装する為のjQueryプラグイン です。フリック操作で進める事 が出来ます。特に変わったエフ ェクトも無いのでシンプルで使 いやすい印象でした。

iPhone向けにレイアウトされたWebデザインのギャラリーサイト・Meer.li

iphone向けにレイアウトを組んだ Webサイトのデザインギャラリー・ Meer.liのご紹介です。同じような デザインギャラリーは沢山あるの で参考までに。他にもアイコンや iPad用も構築中みたい。

直感でモバイルサイトのモックアップを作成出来るオンラインツール・Fluid UI

結構良かったのでご紹介。スマフォ やタブレットなどのモックアップを 直感で作成出来るWebサービスです。 かなり簡単に作れるので選択肢の 一つとして覚えておくといいかもし れません。

スマートフォン向けのHTML5製フレームワーク・Lungo.js

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

画面サイズに応じて任意のCSSファイルをロードするJavaScriptライブラリ・sizeit.js

画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。

スマフォ向けサイトを構築する為のシンプルなJSフレームワーク・Sidetap

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

iPhone4のRetinaディスプレイで閲覧したらjQueryでRetina向け画像(@2xのやつ)に自動で切り替える

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

電力も使わない、シンプルでエコロジーなiPhone用アンプ・eco-amp

いいアイデアだったのでシェア。 エコなiPhone用のアンプ、eco-amp は、再生紙で出来た折り紙形式 のアンプです。購入も可能です が、手先の器用な方なら自作でき るかも知れないですね。

WordPress3.4でjQuery UIをiPhoneやiPadなどのタッチデバイスに対応させる

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

スマフォ・タブレット向けに作られたオープンソースのIDE付きHTML5製UIフレームワーク・Mobello

ネイティブアプリライクなスマフォ やタブレット向けのHTML5製のUI フレームワーク・Mobelloのご紹介。 高速でリッチなインターフェースを Web上で体感出来る、という謳い文句 で公開されています。

画面サイズに応じて画像を差し替える軽量jQueryプラグイン・jQuery Picture

スマフォやタブレットなどで閲覧した 際に表示する画像を差し替える軽量な jQueryのプラグイン・jQuery Picture のご紹介。レスポンシブWebデザイン でよく問題視される画像のサイズの件 に対応するライブラリです。 ...

短いjQueryコードでレスポンシブWebデザインに対応したシンプルなスライドショーを作ってみる

この手のは沢山出回っているので今更 っていう感じの話題ですけど、個人的 にはどのライブラリも利用しやすい 感じではなかったので簡単なコード で出来るものを作ってみます。
Ads