中級編」から1週間くらい経ちましたが、ようやく上級編も終わりました。上級編」を勉強してみて、学んだこと気づきいたことについてメモしておきます。上級編で学習すること上級編では、レスポンシブデザインについて学びます。レスポンシブデザインとは簡単に言えば、画面サイズに応じてサイトのデザインを柔軟に調整し、見やすく最適な表示にすることを指します。パソコン、タブレット、スマホでそれぞれ画面サイズが異なるので、その画面サイズに適したデザインを設定する必要があります。メディアクエリメディアクエリは画面サイズに応じて、CSSを設定できる手法です。}上記では、画面サイズが1170px以下になった場合のCSSの設定ができます。レスポンシブデザインのステップ1Viewpointの設定Header内部に書くことで、メディアクエリを正しく利用することができる。書き方は暗記する必要はなし。initial-scale=1.0">2画面幅の設定スマホやタブレットなどの小さい画面ではwidthを100%に設定する。3メディアクエリを使い画面サイズに応じた処理を設定する。{}ちなみに、メディアクエリは別CSSとして管理した方がわかりやすい。上級編は中級編に比べてると割と簡単でした。いうのも、すでに出来上がっているデザインに対して、画面が変わった際のサイズや設定をするだけだからです。上級でしか登場しないような手法もありますが、中級までの知識がしっかりと身についていれば、容易に理解でき、かつすでに知っているタグの応用だったので、つまずくこともありませんでした。CSSコースは終わりとなります。*サイト上に表示された文字を入力してください。日本語教師ブログプログラミング。