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

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

次回は

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

HTML 5

次回からJavaScript

 実践!スマートフォンサイトを作ろうのレッスン13まで終了しました。動画を埋め込む際に比率を保持するためのTipsが含まれていたので、覚えておきたいと思います。また、筆者はあまり相対配置をしたことがないので、出るたびに少しドキドキしてしまいます(笑)。

 レッスン14からはJavaScriptが含まれた内容になりそうです。JavaScriptも少しブランクがあるので、どんどんリハビリしていきたいと思います。