はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ Responsiveデザイン

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 4 / 4件)
 

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

2012/06/18 このエントリーをはてなブックマークに追加 348 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス リソース キャプチャ 実装 ツール

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

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

2012/05/22 このエントリーをはてなブックマークに追加 129 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 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 Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 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 Instapaper Pocket Tweet Facebook Share Evernote Clip コリス スライダー CSS Fir iOS

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

 
(1 - 4 / 4件)