[CSS]ウェブページを印刷対応にする際に、加えておくと効果的なスタイルのまとめ | コリス

2014/01/07 249 users プリンター ＩＳ デバイス コリス スマフォ

ウェブページを制作する際に、デスクトップ・スマフォ・タブレットと多様なデバイスでの表示を検討する必要がありますが、プリンターでの印刷も忘れてはならない大切なデバイスです。 あなたのウェブページを印刷対応にする際に加えておくとよい、シンプルで効果的なスタイルシートを紹介します。 The printer is a device too! Responsive Design.isは文字通り、レスポンシブ... 続きを読む

Bootstrapのモーダルウィンドウを拡張する『Bootstrap Modal v2.0』 | IDEA*IDEA

2012/11/22 47 users モーダルウインドウ jsc モーダル Ajax IDEA

Bootstrapのモーダルウィンドウを拡張したライブラリですな。複数のウィンドウだせたり、Ajaxでコンテンツを読み込んだりとか。地味に「バックグラウンドをスクロールさせない」とか便利そう。 ↑ Responsive Designに対応。画面を狭くすると1カラムになります。 ↑ モーダルの上にモーダル重ねたりとか。 Bootstrapよく使う人はいかがですかね。詳細は以下からどうぞ。 » jsc... 続きを読む

ブラウザサイズに合わせて貼り付けた動画を自動的にリサイズしてくれる『FitVidsJS』 | IDEA*IDEA

2011/09/07 42 users ブラウザサイズ IDEA リサイズ jQueryプラグイン

あ、これ、どこかで使いそうなのでメモ的にエントリー。 こちらのjQueryプラグインを使えば、貼り付けた動画がResponsive Designに対応してくれますよ（つまりブラウザサイズにあわせて自動的にリサイズってことですな）。 FitVids from Dave Rupert on Vimeo. ↑ 説明動画はこちら。 詳細＆ダウンロードは以下からどうぞ。デバイスが多様化しつつありますからね・... 続きを読む

WebサイトをiPhoneに対応させる -レスポンシブ・デザイン- - EC studio デザインブログ

2011/03/30 120 users 従来 iPhone ページレイアウト 閲覧環境 スマートフォン

このところのスマートフォンの広がりにより、デザイン部でもWebサイトのスマートフォン対応の必要性をひしひしと感じています。実際のスマートフォン対応の取り組みとしてはこれからなのですが、その時のために従来のサイトをスマートフォンに対応させる方法、特に今回は閲覧環境に応じてページレイアウトを柔軟に切り替える、レスポンシブ・デザイン（Responsive Design）に関していまさらながら調べてみたの... 続きを読む