タグ Responsiveデザイン
人気順 10 users 50 users 100 users 500 users 1000 usersResponsiveデザインのサイト設計・実装・確認に役立つツールとリソースのまとめ | コリス
Responsiveデザインのサイト設計・実装・確認に役立つツールとリソースを紹介します。 ※キャプチャはLess Framework Responsiveデザインの設計 Responsiveデザインの実装 Respon [...] 続きを読む
[JS]Responsiveデザインでサイズ可変の画像でもクリッカブルマップ対応にするスクリプト -RWD Image Maps | コリス
RWD Image Mapsの使い方 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="jquery.rwdImageMaps.min.js"></script> ... 続きを読む
[JS]Responsiveデザインに対応したフォームを作成するスクリプト -Ideal Forms | コリス
バリデーション機能付きのResponsiveデザインに対応したフォームを作成するためのLESSベースのjQueryのプラグインを紹介します。 Ideal Formsの主な特徴 Ideal Formsのデモ Ideal Formsの使い方 Ideal Formsの主な特徴 Responsiveデザインに完全対応 ※CSSのMedia Queriesは必要としません。 キーボードのサポート LESSを... 続きを読む
[CSS]スタイルシートでここまでできる!Responsiveデザイン対応のスライダー -Responsive CSS3 Slider | コリス
JavaScript無し(*1)で、スタイルシートで実装するResponsiveデザイン対応のコンテンツスライダーを紹介します。 *1 スライダーの基本機能ではJavaScriptを使用していませんが、iOSに対応させるために使用。 デモ 実装 デモ デモはCSS3に対応した下記のブラウザでご覧ください。 ベスト Firefox もっとも期待通りに動作します。 フルサポート Chrome, Fir... 続きを読む