タグ Responsive Design
人気順 10 users 50 users 100 users 500 users 1000 users[CSS]ウェブページを印刷対応にする際に、加えておくと効果的なスタイルのまとめ | コリス
ウェブページを制作する際に、デスクトップ・スマフォ・タブレットと多様なデバイスでの表示を検討する必要がありますが、プリンターでの印刷も忘れてはならない大切なデバイスです。 あなたのウェブページを印刷対応にする際に加えておくとよい、シンプルで効果的なスタイルシートを紹介します。 The printer is a device too! Responsive Design.isは文字通り、レスポンシブ... 続きを読む
Bootstrapのモーダルウィンドウを拡張する『Bootstrap Modal v2.0』 | IDEA*IDEA
Bootstrapのモーダルウィンドウを拡張したライブラリですな。複数のウィンドウだせたり、Ajaxでコンテンツを読み込んだりとか。地味に「バックグラウンドをスクロールさせない」とか便利そう。 ↑ Responsive Designに対応。画面を狭くすると1カラムになります。 ↑ モーダルの上にモーダル重ねたりとか。 Bootstrapよく使う人はいかがですかね。詳細は以下からどうぞ。 » jsc... 続きを読む
ブラウザサイズに合わせて貼り付けた動画を自動的にリサイズしてくれる『FitVidsJS』 | IDEA*IDEA
あ、これ、どこかで使いそうなのでメモ的にエントリー。 こちらのjQueryプラグインを使えば、貼り付けた動画がResponsive Designに対応してくれますよ(つまりブラウザサイズにあわせて自動的にリサイズってことですな)。 FitVids from Dave Rupert on Vimeo. ↑ 説明動画はこちら。 詳細&ダウンロードは以下からどうぞ。デバイスが多様化しつつありますからね・... 続きを読む
WebサイトをiPhoneに対応させる -レスポンシブ・デザイン- - EC studio デザインブログ
このところのスマートフォンの広がりにより、デザイン部でもWebサイトのスマートフォン対応の必要性をひしひしと感じています。実際のスマートフォン対応の取り組みとしてはこれからなのですが、その時のために従来のサイトをスマートフォンに対応させる方法、特に今回は閲覧環境に応じてページレイアウトを柔軟に切り替える、レスポンシブ・デザイン(Responsive Design)に関していまさらながら調べてみたの... 続きを読む