メディアクエリとレスポンシブデザイン

メディアクエリというものを知った
フロントでレスポンシブはbootstrapはこれをうまいこと活用しているらしい
動きがあるものは全部jQueryだと思っていたが違うようだ
調べたものをまとめておく

見たand役立った

CSSでメディアクエリ(Media Queries)の基本的な書き方、記述の意味を理解し、「何となく使う」を卒業する。 | WEMO
メディアクエリの基本的な使い方/レスポンシブのメディアクエリはもっとシンプルでいい。 が特に役立った
ブレイクポイントごとにファイル分割したほうがわかりやすいと感じるなぁ

第8章 モバイル・マルチデバイスへの対応を読んだ
画面設計->ページのパーツ作成->スタイルガイド作成
自前で作るとどうしてもあとから追加でツギハギで作ってしまいがち。この流れは絶対取り入れる
どこでも書かれているが、PCよりもスマホからデザインを考えたほうが良い

基本的に公式を一読するにしていますが、今回は参照していません
なぜなら、読みづらいのと網羅するつもりはなかったから

メモ

CSSやレスポンシブは勉強に時間をかけたくなかった
が、今回調べてみると効率的で整合性のある方法がすぐ見つかったので、意識してブラッシュアップしていくのがいいかもしれない