【入門編】Sassを導入しよう!CSSをもっと効率的に&早く書く方法【HTML・CSS コーディング】
Вставка
- Опубліковано 9 вер 2024
- CSSを効率的に書けるSassを導入してみましょう!
初心者向けに、導入方法や基本的な構文を紹介する入門講座です。
Sass 公式サイト
sass-lang.com/
Sassの動作シュミレーションができるサイト
www.sassmeiste...
SassのコンパイルができるVS Code拡張機能
「DartJS Sass Compiler and Sass Watcher」
marketplace.vi...
↓↓↓VS Code自体のインストールや機能紹介はこちら↓↓↓
【初心者向け】Visual Studio Codeの使い方・便利機能解説!ショートカット/日本語化/Emmet【作業効率化】
• 【初心者向け】Visual Studio C...
★★★「Webの神様」メンタープランのご案内★★★
ナビゲーターの「なつこ」が講師となって、皆さんのWebデザイン・プログラミング学習をサポートする「メンタープラン」を実施中です!
【お知らせ動画】
「Webの神様」があなたのメンターになります
• 【お知らせ】「Webの神様」があなたのメンタ...
【プランの詳細・お申し込み(MENTA)】
menta.work/pla...
未経験から学習中の方、Web・IT業界に就職・転職活動中の方、フリーランス独立を目指して活動中の方など、必要として頂いている皆さんのお役に立てるように精一杯サポートさせて頂きます!
是非ともご検討いただければ幸いです。
★★★★★★★★★★★★★★★★★★★★★★★
-- Webの神様 --
未経験、初心者のみなさんのHTML・CSSの学習を応援していくチャンネルです!
【タグ】
#コーディング #プログラミング
【SNS】
-- Twitter --
/ webgodweb
-- Facebook --
/ webgodweb
【運営会社】
株式会社カラフルクローバー
www.colorful-c...
CSSを効率的に書けるSassを導入してみましょう!
初心者向けに、導入方法や基本的な構文を紹介する入門講座です。
Sass 公式サイト
sass-lang.com/
Sassの動作シュミレーションができるサイト
www.sassmeister.com/
SassのコンパイルができるVS Code拡張機能
「DartJS Sass Compiler and Sass Watcher」
marketplace.visualstudio.com/items?itemName=codelios.dartsass
↓↓↓VS Code自体のインストールや機能紹介はこちら↓↓↓
【初心者向け】Visual Studio Codeの使い方・便利機能解説!ショートカット/日本語化/Emmet【作業効率化】
ua-cam.com/video/pQ7tmTx5Zbk/v-deo.html
まってました(^-^)
お待たせしました🙇♀️🙇♀️
とてもわかりやすかったです✨
早速今日からSassで書いていきたいと思います。
ありがとうございます😊
とっても分かりやすかったです。
ようやくきたあああ
おまたせしました!!!☺️
_reset.scssとは何のためのパーシャルファイルなのですか?
質問させてください。
コンパイルする際の拡張機能ですが、Live Sass Compilerとどちらが良いでしょうか??
私も利用していて、特に問題もなく安定しているので「DartJS Sass Compiler and Sass Watcher」がおすすめです!
今の状況をきちんと把握できておらず恐縮ですが、以前「Live Sass Compiler」がたくさん使われていた時代から、新仕様(Dart Sass)に対応した「DartJS Sass Compiler and Sass Watcher」に移行した方が多いのではないかと思います!
※当時は「Live Sass Compiler」が新仕様に対応していなかったからなのですが、現在はもしかしたらアップデートされているかもしれません…!
mixinではなくてextend使ってますがmixinのほうがいいんでしょうか?
ご質問ありがとうございます!
下記の記事が参考になるかもしれません。
stand-4u.com/css/sass/mixin-extend.html
似てはいるけど若干挙動が違うので、この記事でも解説しているように、@mixinのほうが汎用性が高くて使いやすいのではないかと私も思います。
なんかmixinの方がコンパイル後のコード量が少なかった気がする
18:09
style.min.cssとstyle.min.css.mapが
出てこないのですが
何が原因なのでしょうか?
style.css だけはきちんと生成されておりますでしょうか?VS CodeのSCSS拡張機能は何をつかっていますか?