最新の記事
-
レスポンシブWebデザイン講座
Retinaディスプレイ対応のスマートフォンやタブレットで画像がぼやけた感じになってしまうのは、解像度に対する処理が異なるためです。
詳しくはこちらにまと...続きを読む
-
レスポンシブWebデザイン講座
同じ画像なのにパソコンで見るときれいに表示されていても、スマートフォンでは、画像がぼやけている。
スマホサイトやレスポンシブサイトを制作していると、とって...続きを読む
-
レスポンシブWebデザイン講座
viewportとは
スマートフォン、タブレットで表示されるときのWebサイトの見え方の指定です。
このviewportの設定により、各デバイスで見...続きを読む
-
レスポンシブWebデザイン講座
メディアクエリの説明を中心にCSSの記述の順序やブレイクポイントについて解説します。
練習問題もありますのでぜひお楽しみに!
CSSを記述していく順...続きを読む
-
レスポンシブWebデザイン講座
このサンプルサイトでは、「グリッドデザイン」という手法を取り入れています。
「グリッドデザイン」とは
ページを構成する要素を規則正しく分割されたグリッド...続きを読む
-
レスポンシブWebデザイン講座
レスポンシブWebデザインの制作を進める上で、表示確認をするための便利なツールがインターネット上にありますが、そのほとんどが、サーバーにデータをアップロード...続きを読む
-
レスポンシブWebデザイン講座
レスポンシブWebデザインとは
レスポンシブWebデザインとはパソコン、タブレット、スマートフォンなどの画面サイズの異なるデバイスに応じて、それぞれに最適...続きを読む
Facebookページに「いいね!」をクリックしていただくと、当サイトの更新情報を受け取ることができるようになります。
ぜひ、「いいね!」していただけると嬉しいです!