- レスポンシブWebデザイン講座 レスポンシブ予備知識編(無料公開中)
レスポンシブWebデザイン講座 カテゴリーの記事一覧
- レスポンシブWebデザイン講座 レスポンシブ予備知識編(無料公開中)
ブラウザの表示確認について
レスポンシブWebデザインの制作を進める上で、表示確認をするための便利なツールがインターネット上にありますが、そのほとんどが、サーバーにデータをアップロード...続きを読む- レスポンシブWebデザイン講座 レスポンシブ予備知識編(無料公開中)
グリッドデザインについて
このサンプルサイトでは、「グリッドデザイン」という手法を取り入れています。 「グリッドデザイン」とは ページを構成する要素を規則正しく分割されたグリッド...続きを読む- レスポンシブWebデザイン講座 レスポンシブ予備知識編(無料公開中)
メディアクエリの練習
メディアクエリの説明を中心にCSSの記述の順序やブレイクポイントについて解説します。 練習問題もありますのでぜひお楽しみに! CSSを記述していく順...続きを読む- レスポンシブWebデザイン講座 レスポンシブ予備知識編(無料公開中)
Viewportについて
viewportとは スマートフォン、タブレットで表示されるときのWebサイトの見え方の指定です。 このviewportの設定により、各デバイスで見...続きを読む- レスポンシブWebデザイン講座 レスポンシブ予備知識編(無料公開中)
スマートフォンで画像がぼやけるのはなぜ?「デバイスの画像解像度」とスマホ表示について調べてみました。
同じ画像なのにパソコンで見るときれいに表示されていても、スマートフォンでは、画像がぼやけている。 スマホサイトやレスポンシブサイトを制作していると、とって...続きを読む- レスポンシブWebデザイン講座 レスポンシブ予備知識編(無料公開中)
スマートフォンで画像がぼやける問題の簡単な対処法 Retina対応しよう!
Retinaディスプレイ対応のスマートフォンやタブレットで画像がぼやけた感じになってしまうのは、解像度に対する処理が異なるためです。 詳しくはこちらにまと...続きを読む- レスポンシブWebデザイン講座 レスポンシブ予備知識編(無料公開中)
レスポンシブWebデザインの必須のCSS指定。「width:100%」と「max-width:100%」の違いは何?
レスポンシブWebデザインを学習していて、私が最初に疑問に思ったのが、画像の扱い方です。 Webページが、画面サイズに合わせて自動で拡大縮小し、画像の拡大...続きを読むFacebookページに「いいね!」をクリックしていただくと、当サイトの更新情報を受け取ることができるようになります。
ぜひ、「いいね!」していただけると嬉しいです!