CSS

HTML/CSS/JavaScript勉強日記 -9日目-

Bootstrap

グリッドレイアウト

 『Bootstrap 4』のレッスンは9のグリッドレイアウトまで終了しました。4になって少し使いやすくなったpaddingやmarginの設定は重要そうですね。Bootstrapで一番便利なグリッドレイアウトはそんなに変更がなさそうで安心しています(笑)。

HTML/CSS/JavaScript勉強日記 -8日目-

Bootstrap

記憶の彼方

 『Bootstrap 4』のレッスンは4まで終了しました。……が、まったく知らないクラス名がポンポン出てきます(笑)。自分が覚えていないのか知らなかったのか、はたまた4になって追加されたクラスなのか、それすらもわからない状態です。全部覚えるのは不可能なので、「こういうことはできそうだな」といった感覚を覚えていきたいと思います。

HTML/CSS/JavaScript勉強日記 -7日目-

HTML 5

完成

 JavaScriptでタブメニューを作ろうも終了しました。今回のJavaScriptの内容は結構「おっ!?」となる内容で、特にレッスン最後の内容はちゃんと自分の書いたコードを見直さないとなぜその挙動になるのかがわからないような感じでした。こういった、複雑だけれどきちんと意図通りに動くコードを自力でもっと書けるようになりたいですね。

dotinstall_tabmenu_js

 今回作成したタブメニューです。

次回は

HTML/CSS/JavaScript勉強日記 -6日目-

HTML 5

完成

 JavaScriptでモーダルウィンドウを作ろうは8回と少ない内容でしたので、1日で終了しました。z-indexやtransform、transitionなど、CSSで覚え直さなきゃいけない内容が多かったですね。

dotinstall_modal_js

 今回作成したモーダルウィンドウです。

次回は

HTML/CSS/JavaScript勉強日記 -5日目-

HTML 5

完成

 実践!スマートフォンサイトを作ろうは最後まで終了しました。メディアクエリの設定の方法をイチからやり直したのは勉強になったかと思います。JavaScriptも、簡単な内容でしたが復習になりました。

dotinstall_spsite_html

 今回作成したスマートフォンサイトです。

次回は