1月7日から参加しているショーへ―さん主催の『#30DAYSトライアル』DAY14の課題に少し手間取ったのですが、無事にクリアできました。この記事では、個人的に気になった部分をまとめていきますね。課題の概要DAY14の課題は、DAY13に続いてYouTube動画を参考にしたビジネスLPの制作です。『Bootstrapを使ってビジネスLP制作2』課題の詳細|Googleドキュメント今回もこちらのDrew先生の講座を参考にしてLPを作ってゆきましょう。♪それでは個人的に気になったクラス名やプロパティを以下でご紹介しますね。ポイントまとめ「sticky-top」で上部にバーを固定navタグのクラス名に加えられた「sticky-top」のおかげで、ページを下へスクロールしてもナビゲーションバーを上部に固定できるようになりました。僕は以前からどのような仕組みなのか気になっていたので、今回方法を学ぶことができて嬉しかったです。「fab」と「fas」の違いは?今回使ったアイコンのクラス名は「fab」「fas」の2種類があったのですが、それぞれfab=Brandsfas=Solidを意味しており、「fab」は企業やサービスのロゴ、「fas」は一般的なロゴという使い分けのようです。今回すべてのセクションで使われたクラス「container-fluid」は、画面の大きさを変えた際、なめらかなサイズチェンジをおこなってくれるものでした。レスポンシブ対応が当たり前になっている現代では、必須のクラスですね。Rule」の略で「水平線」を作るためのタグでした。class=”my-4′′>のように、上下にmarginをとって使われていましたね。translateY(-50%)」は、Y方向に-50%、つまり上方向に50%分移動するという意味でした。translateY(-50%);}という形で使われることが多いそうです。uppercase;」は該当のテキストをすべて大文字にしてくれるプロパティ。#000;の各数値の意味がイマイチ分からなかったので調べてみました。1番目:水平方向の距離2番目:垂直方向の距離3番目:影のぼかし半径4番目:影の色ちなみに以下のページで、実際の影のイメージをいろいろ試すことができますよ。「rem」と「em」の使い分けCSSで頻出する単位「em」と「rem」の定義は以下のとおり。表すただその使い分けがよく分からなかったので、ショーへ―さんに質問してみました。1.4」とかなり大きくなってしまいます。1.4」と意図通りの大きさになるそうですよ。今回は英語の動画を用いた課題ということで最初は苦労したんですが、最終的には楽しみながらビジネスLPを完成させることができました。最後まで読んでくださり本当にありがとうございました。コメントをキャンセルメールアドレスが公開されることはありません。