Responsiveデザインのサイト設計・実装・確認に役立つツールとリソースのまとめ | コリス

2012/06/18 348 users コリス リソース キャプチャ 実装 ツール

Responsiveデザインのサイト設計・実装・確認に役立つツールとリソースを紹介します。 ※キャプチャはLess Framework Responsiveデザインの設計 Responsiveデザインの実装 Respon [...] 続きを読む

[JS]Responsiveデザインでサイズ可変の画像でもクリッカブルマップ対応にするスクリプト -RWD Image Maps | コリス

2012/05/22 129 users コリス Libs Ajax スクリプト script

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 | コリス

2012/05/16 55 users コリス jQuery スクリプト CSS プラグイン

バリデーション機能付きのResponsiveデザインに対応したフォームを作成するためのLESSベースのjQueryのプラグインを紹介します。 Ideal Formsの主な特徴 Ideal Formsのデモ Ideal Formsの使い方 Ideal Formsの主な特徴 Responsiveデザインに完全対応 ※CSSのMedia Queriesは必要としません。 キーボードのサポート LESSを... 続きを読む

[CSS]スタイルシートでここまでできる！Responsiveデザイン対応のスライダー -Responsive CSS3 Slider | コリス

2012/04/03 139 users コリス スライダー CSS Fir iOS

JavaScript無し(*1)で、スタイルシートで実装するResponsiveデザイン対応のコンテンツスライダーを紹介します。 *1 スライダーの基本機能ではJavaScriptを使用していませんが、iOSに対応させるために使用。 デモ 実装 デモ デモはCSS3に対応した下記のブラウザでご覧ください。 ベスト Firefox もっとも期待通りに動作します。 フルサポート Chrome, Fir... 続きを読む