くろおーかみ*てっく

しがないくろおーかみの勉強記

100DaysOfCode #6: HTML/CSS/Sass ランディングページ(3)

やったこと

引き続きランディングページを実装しています。(1.5h)

f:id:y-mix:20190707005020p:plain

背景画像を挿入して一気にそれっぽく見せています。「web 写真 素材 フリー」と調べるとすぐにPixabayが出てきます。
サンプルの画像として使えるので助かりますね🤗✨

魅力的なフリー画像 - Pixabay

明日でコンテンツを入れて完成させないと……

今日の進捗のコードはコチラ。

github.com

ちなみに、30歳以下限定の「バトル」をテーマとした勉強会・展示・プログラミングコンテストの Battle Conference U30 2019 に参加してきました。
参加は2回目で、発表を聞いたり懇親会でお話したりしました。レポートは後ほど書きたい……

きづいたこと

やばい…無い……

みんなの進捗を応援!

Twitter @bwolftech で応援(Fav & RT)した進捗を紹介します💖

ページネーションはアイテム数の計算が絡んでくるので、計算を間違えたり値がちゃんと渡っていなかったりすると表示がおかしくなっちゃいます。

  • ページネーション対象となるアイテム数
  • 1ページに表示する項目数
  • 現在のページ数
  • 最大・最小値

を覗いてみておかしいところを見つけてみましょう。

あとはキャッシュが効いて「実際は治っているのにおかしく見える」こともよくあります。

力尽きているようですが、無理しないように作業してくださいね(私も帰ったあとに力尽きるのなんとかしないと)

ちょっとでもいいので作業する場に体を動かしたり、コードに触ったりしてブランクを作らないようにしているのは素晴らしいですね✨