レスポンシブ
『Bootstrap 4』のレッスンは12まで終了しました。Bootstrapのレスポンシブの仕様はあまり大きく変わっていないようでなによりです。そしてレッスンは実際のサイトづくりに入りました。簡単なティザーサイトくらいはつくれるようになりたいですね。
HTML
グリッドレイアウト
『Bootstrap 4』のレッスンは9のグリッドレイアウトまで終了しました。4になって少し使いやすくなったpaddingやmarginの設定は重要そうですね。Bootstrapで一番便利なグリッドレイアウトはそんなに変更がなさそうで安心しています(笑)。
記憶の彼方
『Bootstrap 4』のレッスンは4まで終了しました。……が、まったく知らないクラス名がポンポン出てきます(笑)。自分が覚えていないのか知らなかったのか、はたまた4になって追加されたクラスなのか、それすらもわからない状態です。全部覚えるのは不可能なので、「こういうことはできそうだな」といった感覚を覚えていきたいと思います。
完成
JavaScriptでタブメニューを作ろうも終了しました。今回のJavaScriptの内容は結構「おっ!?」となる内容で、特にレッスン最後の内容はちゃんと自分の書いたコードを見直さないとなぜその挙動になるのかがわからないような感じでした。こういった、複雑だけれどきちんと意図通りに動くコードを自力でもっと書けるようになりたいですね。
今回作成したタブメニューです。
次回は
完成
JavaScriptでモーダルウィンドウを作ろうは8回と少ない内容でしたので、1日で終了しました。z-indexやtransform、transitionなど、CSSで覚え直さなきゃいけない内容が多かったですね。
今回作成したモーダルウィンドウです。
