SASSの超便利な使い方【HTML/CSSコーディング】

Поділитися
Вставка
  • Опубліковано 19 січ 2025

КОМЕНТАРІ • 16

  • @oyui2129
    @oyui2129 Рік тому +1

    わかりやすいです、ありがとうございます☺️!

    • @hirocode
      @hirocode  Рік тому

      そう言っていただけて嬉しいです😆こちらこそありがとうございます🙇‍♂️❗️

  • @catchiro
    @catchiro Рік тому +2

    SCSS Live Sass Compilerでコンパイルすると front_flex_20230213074653.css みたいなファイルがたくさんできるのは何かの設定ミスでしょうか?よろしくお願いします。

    • @hirocode
      @hirocode  Рік тому +2

      コメントいただきありがとうございます🙇
      ちょっと原因不明ですが、setting.jsのliveSassCompile.settings.formatsで設定書かれてるので、その辺確認したら原因わかるかも知れません💡

    • @catchiro
      @catchiro Рік тому +1

      @@hirocode ありがとうございました。私もその辺を色々観ているのですが、引き続き試してみます。今後とも配信楽しみにしております。

  • @susumumitsuhashi2297
    @susumumitsuhashi2297 3 роки тому +1

    たいへんわかりやすい動画でした。最近では、常にSassを使って記述する練習をしているので、とても助かります。また、コードをNotionでまとめていただいて、とてもありがたいです。

    • @hirocode
      @hirocode  3 роки тому

      Sass使った方が絶対良いですよね😆❗️嬉しいコメントありがとうございます😊❗️

  • @おおたりょう-f4z
    @おおたりょう-f4z 2 роки тому +1

    レスポンシブでスマホの画面幅コードのを書いた後、タブレットをコードを書くとスマホの画面幅になった時もタブレット方のコードが使われてしまいます。なぜなのでしょうか?

    • @hirocode
      @hirocode  2 роки тому

      コメントいただきありがとうございます😊♪
      @media only screen and (max-width 479px) {○○○}
      ↑この中に書いたものはスマホサイズ(例として480px以下)のみスタイルがあたります。
      @media only screen and (min-width 480px) {○○○}
      ↑この中に書いたものは、480px以上のサイズでスタイルが適用されます。
      こちらの内容で解決されそうでしょうか?🙇‍♂️

    • @おおたりょう-f4z
      @おおたりょう-f4z 2 роки тому +1

      返信ありがとうございます。
      ただ、僕の説明が悪くてわかりずらかったと思いましたので、インスタの方にdmさせていただきました。返信してもらえるととても嬉しいです。

  • @tf8413
    @tf8413 3 роки тому +1

    sassは本当に便利ですよね。
    3の変数を使った便利な記述方法を知りたいです!
    自分はセクションのmarginとfont-sizeのみで使用してます。
    eachやforは複数人が関わるプロジェクトで分かりやすい記述方法が難しく、結局使わなくなりました。

    • @hirocode
      @hirocode  3 роки тому

      使えば使うほど便利だなぁーって思いますよね😊♪
      複数人で作業するケースだとあらかじめルール決めしておかないと難しくなってしまいますよね💦
      ループ文だと、パターンを設ける際に使いやすいと思います。アイコンの表示を複数種類用意したい場合など、icon--○○て感じで○○のところを配列で回してパターン作るようなイメージです❗️
      あとは複数人で作業する場合はどうしても技術に差が出てきてしまうので、ここはこう言った記述をしているよーみたいなコメントを残すことも多いです😆❗️

  • @maki227
    @maki227 3 роки тому +1

    わ、分かりやすい…
    メンターお願いしたい…
    一人だと心が折れそうです笑

    • @hirocode
      @hirocode  3 роки тому

      嬉しいコメントありがとうございます😊♪

  • @ボブ-z5t
    @ボブ-z5t 3 роки тому +1

    動画で勉強させていただいております。
    レスポンシブの実践動画も載せていただけると嬉しいです(^ ^)

    • @hirocode
      @hirocode  3 роки тому +2

      ご視聴ありがとうございます😆❗️
      レスポンシブの動画出せてないので出したいと思います❗️