レスポンシブのうまいアイデア満載！RWD対応のナビゲーションを実装するスクリプトのまとめ | コリス

2015/05/07 105 users コリス jQuery レスポンシブ RWD対応 スクリプト

Off Canvas, On Canvas, On the Flyなど、レスポンシブのさまざまなアイデアを備えたナビゲーションを簡単に実装できるスクリプトを紹介します。 ※各キャプチャはAm I Responsiveを使用して作成しました。 Slidebars (jQueryのプラグイン) Slidebars -GitHub デモページ Off Canvasタイプのナビゲーション、左右どちらからで... 続きを読む

デバイス画像のモニターにサイトを表示させてレスポンシブ対応状態を確認する・「Am I Responsive?」 - かちびと.net

2013/03/17 10 users モニター net スクロール フレーム モニター部分

Am I Responsive? Am I Responsive?は、レスポンシブWebデザイン対応かどうかを確認するチェックツールです。デバイス画像のモニター部分はフレームの為、URLを指定すると上図のデバイス画像内に実際にサイトが表示され、スクロールで動かす事も出来ます。ただし、UAで切り替えて表示するのではなく、あくまで幅を変えているだけのシンプルな物になります。 Am I Responsi... 続きを読む

あなたのサイトがレスポンシブデザインかどうか確認できるサイト「Am I Responsive?」 : ライフハッカー［日本版］

2013/03/06 58 users レスポンシブデザイン ライフハッカー レスポンシブ あなた

Webツール , 最新テック あなたのサイトがレスポンシブデザインかどうか確認できるサイト「Am I Responsive?」 2013.03.06 09:00 「Am I Responsive?」はあなたのサイトがレスポンシブデザインかどうか確認できるサイトです。URLを指定すると様々な大きさのディスプレイでどのように見えるかをチェックできますよ。レスポンシブになっているかどうか確認したい方には... 続きを読む