Bootstrapを用いてWebサイト内の画像スライドショーを簡単に構築 以下のようにBootstrapのScriptとHTMLを書くだけで無事スライドショーできた。

FrontendやBackendの学習をする際にどんな学習をすべきかRoadmapを描く必要も。 以下のサイトで、FrontendやBackendなどさまざまな視点のRoadmapが参考になった。 roadmap.sh FrontendのCSSで「Positioning」を学習する上で「Grid」を以下のゲームで学習もで…

「FLEXBOX FROGGY」のサイトは、画面に表示されたカエル達を、CSSコードを書いて助けてあげるゲーム。 数日前にflexboxの「justify-content」を使った学習をしてたのでゲーム感覚で復習ができて楽しかった。 「justify-content」は、以下の構文のようにアイ…

container containerを使うとWebサイトの表示が以下のようなイメージで表示できる。 containerのイメージ ＜コーディング＞ index.html側 <div class="container"> <img src="https://...jpg" alt="picture"> <section class="lorem1"> <h2> lorem1 </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique doloribus nesciunt recusandae</p></section></div>…