iPhone / iPad

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

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

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

Ads

グリッドレイアウトなレスポンシブWebデザイン対応のテンプレートを手軽に生成出来るジェネレーター・Responsify

Twitter BootstrapをjQuery Mobileで使ったデザインテーマ集・jQuery-Mobile-Bootstrap-Theme

Webサービス

まとめて読みたい記事や薦めたい記事をリスト化してKindleやiPad、iPhoneなどに送信出来るWebサービス・Readlists

Androidアプリ専門のUIギャラリー・Android App Patterns

Webデザイン

Webフォントにも利用可能なフリーの天気アイコンフォント・Climacons Font

その場でiPhoneやAndroidのユーザーエージェントに切り替えられるChromeエクステンション・User-Agent Switcher

cssやプログラミング

Media Queriesで設定したブレークポイントをJavaScriptと:after擬似要素でチェックする

jQuery UIをタッチデバイスに対応させるためのライブラリ・jQuery UI Touch Punch

mootoolsをベースとしたオープンソースのモバイル向けフレームワーク・Moobile

CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー

スマフォのフリックにも対応しているカルーセルを実装できるJSライブラリ・inflickity

li要素で作ったナビゲーションリンクを、Media Queriesで設定したブレークポイントでselect要素にする軽量ライブラリ・TinyNav.js

著作権放棄のレスポンシブWebデザイン対応CSSフレームワーク・ingrid

タップやピンチなど、タッチデバイス特有のイベントをサポートする2KBの軽量jQueryプラグイン・Hammer.js

URL指定可能なレスポンシブWebデザイン対応確認ツール・responsive.isと似たようなやつ何個か

Media QueriesとjQueryを使って、スマートフォンでアクセスした時だけナビゲーションメニューを上に隠す

jQuery Mobileのリストでデフォルトの高さのリストにサムネイルを高さ一杯に含める

iPadやiPhoneなどのスワイプ操作にも対応の、シンプルなHTML製プレゼンテーションを作成する為のフレームワーク・slides

レシポンシブWebデザイン対応のツールチップを実装するjQueryコード

次のページ

1 2 3 4 … 6