このフレームワークに惚れたらレスポンシブデザインについて色々考えちゃいました
先日フレームワークのResponsive Grid Systemが大幅に変更されたと知って興味があって調べてみました。 Responsive Grid Systemとはグリッドシステムを使うためのフレームワークで、レスポンシブデザインでも使用できるような設計をされているものです。 確認してみて驚きました。 大きく変わっているというか、他のフレームワークとくらべても大きく違う設計をされていていました。 変更点はモバイル用（768px以下のウインドウサイズ）をベースに書き、それ以外のサイズを個別にMedia Queriesで書くと言うものです。 フレームワークの多くはベースのCSSを書いてから、個別のウインドウサイズ用にMedia Queriesで追記していきます。 ウインドウサイズ別にMedia Queriesを設定する必要があるのでこの手のフレームワークはコードの量が増えてしまうものですが
レスポンシブウェブデザインのつくり方：mockup
こんにちは、西野です。好きなinput typeはinput type="range"です。 前にAdobe Edge（現Adobe Edge Animate）の使い方記事を書きました。（Edgeが出た当時の記事なので情報が古いかも…） 今回は、最近ぼちぼち見かけるようになってきたレスポンシブデザインについてお話したいと思います。 実装の話はさわり程度で、企画、ディレクター、デザイナー向けにまとめています。 1.レスポンシブデザインとは レスポンシブデザインとは、簡単にいうと同じHTML/CSSでいろいろな画面サイズに対応することです。 「あー、ワンソース マルチユースってやつでしょ」と言うと業界っぽい感じが出せます。（あくまで出せるだけです） 実例としてはTIMEのサイトやBREAKING NEWSなどが完成度が高いサイトとして挙げられると思います。 Bootstrapもレスポン
レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG
どうも〜こんにちはぁ！ 最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね！」って感じた基本的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基本項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
