Bootstrapを使ったLPサイトのトレース

OVERVIEW

YouTubeにあったBootstrapのチュートリアル動画を元に作成

今までフレームワークに携わっておらず、コーディングは手打ちで行ってきた。

高速化と効率化のために、Bootstrapを勉強しようと思い、YouTube上にあった動画を見ながらLPを作成した。

レスポンシブ化にも対応。


制作時間:5時間


学び:

  • Bootstrapの使い方
    • class名だけでCSSが適用される
    • colは合計が12になるように振り分ける

工夫:

  • Instagramのアイコンの色をブランドカラーと同じにしようと試みた。
    しかし、font-awesomeの色を上手くグラデーションさせることができなかった。

課題:

  • Bootstrapにはまだまだ使っていないclass名もあるので、今回トレースしたYouTubeの方の別の動画にも挑戦する。次回は、動画を丸々見ながらではなく、ある程度自分でコードを考えたりチートシートで調べたりしながら進めていく。