くろおーかみ*てっく

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

Sass

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

やったこと 1つ目の作品であるランディングページができました 今日の作業は5時間かかっているので、11時間かかった記録になります。 画像と文字の色が被るのをどう直すかすっごい悩んだ… あとはスタイルが効かねー!ズレたー!とかよくあります。 HTML/Sass…

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

やったこと 引き続きランディングページを実装しています。(1.5h) 背景画像を挿入して一気にそれっぽく見せています。「web 写真 素材 フリー」と調べるとすぐにPixabayが出てきます。 サンプルの画像として使えるので助かりますね✨ 魅力的なフリー画像 - Pi…

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

やったこと 引き続きランディングページを実装しています。(1.5h) y-mix.hateblo.jp ヘッダーが治ってモバイルの表示で悩み始めました!! ヘッダーは治ったけどモバイルの表示で悩むの巻 #100DaysOfCode 5日目 pic.twitter.com/sTyd4xMzbv— y-mix(blackwolf…

Sassが編集されたときに自動反映させたい! 〜Parcelを用いたSass自動コンパイル環境の構築方法〜

こんばんは、y-mix( @bwolftech )です! 実は触れていなかったSassのコンパイル方法を工夫したので書いておきます。 コチラは Sassのみを勉強するための構成を想定しているので 実際のプロダクトではまた別の方法になると思います。 Sassのコンパイルについ…

100DaysOfCode #4

やったこと ProgateのHTML/CSS, Sassレッスンの範囲で作品を作っています (4h) とりあえずWebの画面を作れる段階まで知識を確認できたので、ランディングページを作ってGitHubにあげています! github.com か…解決できなかった……! 次の知識だけで実現できる…

100DaysOfCode #3

やったこと Sass 学習コース Ⅰ :2h 「Sass 学習コース Ⅰ」コースを修了しました! https://t.co/Bly91OUvTm #Progate— y-mix(blackwolftech) (@bwolftech) July 3, 2019 きづいたこと Progate特有のこと。 Sassのレッスンはプレビュー右上の更新ボタンを押さ…