Тёмный

【8分でマスター】CSS変数(カスタムプロパティ)の基本と便利な使い方。 

HIROCODE.
Подписаться 68 тыс.
Просмотров 7 тыс.
50% 1

Опубликовано:

 

14 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 19   
@yu3-zd5oj
@yu3-zd5oj 7 месяцев назад
実践しながら説明してくれてとても分かりやすく、メリットなどこれを使うことによってどうなるのかなど、色々と知れて参考になります。
@hirocode
@hirocode 7 месяцев назад
嬉しいです😭ありがとうございます🙇❗️
@sikiyuu
@sikiyuu 10 месяцев назад
セレクター内で変数を定義してレスポンシブ時に変数を再代入するというやり方が頭の中になかったです。色々応用がききそうで大変参考になりました!!
@hirocode
@hirocode 10 месяцев назад
セレクタ内の再代入はかなり重宝する機能だと思います😊♪
@yes_plus
@yes_plus 9 месяцев назад
とてもわかりやすいです❤scssでの記述の動画がありそうで理想とするソースコードの書き方がないのでヒロさんこれからもscssでの動画をお願いします!
@hirocode
@hirocode 9 месяцев назад
ありがとうございます☺️♪ Sass関連あんまり出せてないので、もっと積極的に出してこうと思います😆❗️
@KentaroxKondo
@KentaroxKondo 10 месяцев назад
SASSのネストの中でも定義したり呼び出せることを知って使い始めました。以前はかなーり複雑な計算処理などを冗長に書いていましたが、カスタムプロパティを使うと嘘のように楽になりました。これ無しではやっていけないほど便利な機能だなと思います!動画のアップロード、ありがとうございます!
@hirocode
@hirocode 10 месяцев назад
コメントありがとうございます🙇❗️ ネスト内での変数ほんっと便利ですよね😆❗️ 僕もこれなしでは無理です笑
@catpolice2000
@catpolice2000 10 месяцев назад
手間かかるのにコード消したり書いたりして実例として分かりやすく説明してくれたり、どのパターンでどのやり方だと手間がかかるからこのやり方が良いよって説明だったりマジ神です! 今回の制作ではSCSSの動画何回も見てなんとか導入出来たので、次回この動画分も取り入れてみます! スクロールした時に全体の雰囲気を変えるとか、色々応用出来そうで考えるだけでも楽しいです
@hirocode
@hirocode 10 месяцев назад
嬉しいコメントいただきありがとうございます😭 スクロールで雰囲気変えるとかかなり面白そうなサイトできそうですね😆❗️ ぜひ取り入れてみてください😊♪
@わたわた-e7i
@わたわた-e7i 10 месяцев назад
rootだけだと思ってました。こういう使い方もできるんですね。
@hirocode
@hirocode 10 месяцев назад
コメントありがとうございます😊♪セレクタ内の指定は影響範囲が少ないので気軽に使えてとっても便利です😆❗️
@みっくー-o5y
@みっくー-o5y 10 месяцев назад
インスタグラムでもショート動画沢山出して欲しいです!!
@hirocode
@hirocode 10 месяцев назад
インスタ全然更新できてないので頑張ります😂 ありがとうございます🙇❗️
@sf9753
@sf9753 10 месяцев назад
いつもためになる動画をありがとうございますm(_ _)m 質問なのですが、SCSSの変数にカラーコードを入れる場合とCSS変数を使用するのとでは、運用上なにか違いはありますか?
@hirocode
@hirocode 10 месяцев назад
コメントありがとうございます😊♪ 大きな違いとしては、SCSS変数だとレスポンシブで数値を変えることができないので、sass変数だとその点がかなり不便です😱💦 ただ、@mixinで色に変更を加えるとかはsass変数でしかできないので、その点使い分けが必要だと思います❗️
@helvetica4605
@helvetica4605 5 месяцев назад
結局scssのmixinと併用できないから使ってないなあ
@めざし-j7b
@めざし-j7b 10 месяцев назад
変数はレスポンシブで使うのは便利なんですが、色に関しては使わないでほしいと思ってます😅 サイトのテーマカラー変更なんて、テンプレート作成後の使い回し以外では見たことがありません。後々サイトのテーマカラーを一括で変更するような場面に遭遇することが現場では無い。 そういった意味でも変数にする意味は無いと思ってます。 VSCodeで色関連のプロパティを書くと、同一css内で使ったことのある色なら予測を出してくれるし、通常の書き方なら色コードの前に色を四角で表示してくれるんで何色か一発で分かる。 対して、変数だと変数名でしか予測してくれないので何色か一発で分からないし、数値指定の変数名も混ざるし、変数が多くなると探しづらい。 どうせ皆、VSCode使ってるでしょ?! 色は通常の書き方のほうが分かりやすいよ?! っていつも思ってます。 色を変数にするの、マジで辞めてほしい🥲
@hirocode
@hirocode 10 месяцев назад
コメントありがとうございます😊! もしかしたらカラーの定義方法によるのかもしれないです🤔 色の変数を用意して、その上で用途別の変数に代入して使用するのが最近では主流の認識です。 cssの命名規則同様に変数名のルール設定しておけば、毎回同じ変数名書くだけなのでその方が楽になりそうです。 その場合は複数のサイト制作でも毎回同じ変数名が使用できるメリットもあります。 他にも、異なる用途で同じ色を使用している際に一括置換できない点や、ダークモード対応とかが出てくれば、変数で定義していないとかなり面倒なことになるかと思います💦 LPや小規模なコーポレートサイトであれば問題ないかもですが、規模が大きくなるにつれて変数はほぼ必須というか導入すべき機能かと思っています!
Далее
ТИПИЧНОЕ ПОВЕДЕНИЕ МАМЫ
00:21
Просмотров 1,1 млн
3 tricks to improve your CSS
12:24
Просмотров 32 тыс.
ReactでCSS書くならどれ使う?
18:17
Просмотров 11 тыс.