Лучшее на RU-vid
Кино
Авто/Мото
Видеоклипы
Животные
Спорт
Игры
Приколы
Развлечения
Хобби
Наука
Авторизоваться
Зарегистрироваться
【CSS新機能】コンテナクエリ@containerの使い方と実例紹介!
9:23
【HTML CSS】グリッドレイアウトの使い方。Grid Layoutの基礎コーディング。
23:13
От первого лица: Школа 7 😱 ПОХУДЕЛА РАДИ ПАРНЯ 🤯 КИНУЛ ВСЕХ 😰 УКРАЛ ЖИЗНЬ ДЕВУШКИ 🥺ГЛАЗАМИ ШКОЛЬНИКА
19:20
ТИПИЧНОЕ ПОВЕДЕНИЕ МАМЫ
00:21
Вертикальный мангал адвоката Егорова
01:00
Детектор лжи: есть ли у меня ПАРЕНЬ? Милана Некрасова
13:46
【8分でマスター】CSS変数(カスタムプロパティ)の基本と便利な使い方。
HIROCODE.
Подписаться 68 тыс.
Просмотров 7 тыс.
50%
1
Видео
Поделиться
Скачать
Добавить в
Опубликовано:
14 окт 2024
Поделиться:
Ссылка:
Скачать:
Готовим ссылку...
Добавить в:
Мой плейлист
Посмотреть позже
Комментарии :
19
@yu3-zd5oj
7 месяцев назад
実践しながら説明してくれてとても分かりやすく、メリットなどこれを使うことによってどうなるのかなど、色々と知れて参考になります。
@hirocode
7 месяцев назад
嬉しいです😭ありがとうございます🙇❗️
@sikiyuu
10 месяцев назад
セレクター内で変数を定義してレスポンシブ時に変数を再代入するというやり方が頭の中になかったです。色々応用がききそうで大変参考になりました!!
@hirocode
10 месяцев назад
セレクタ内の再代入はかなり重宝する機能だと思います😊♪
@yes_plus
9 месяцев назад
とてもわかりやすいです❤scssでの記述の動画がありそうで理想とするソースコードの書き方がないのでヒロさんこれからもscssでの動画をお願いします!
@hirocode
9 месяцев назад
ありがとうございます☺️♪ Sass関連あんまり出せてないので、もっと積極的に出してこうと思います😆❗️
@KentaroxKondo
10 месяцев назад
SASSのネストの中でも定義したり呼び出せることを知って使い始めました。以前はかなーり複雑な計算処理などを冗長に書いていましたが、カスタムプロパティを使うと嘘のように楽になりました。これ無しではやっていけないほど便利な機能だなと思います!動画のアップロード、ありがとうございます!
@hirocode
10 месяцев назад
コメントありがとうございます🙇❗️ ネスト内での変数ほんっと便利ですよね😆❗️ 僕もこれなしでは無理です笑
@catpolice2000
10 месяцев назад
手間かかるのにコード消したり書いたりして実例として分かりやすく説明してくれたり、どのパターンでどのやり方だと手間がかかるからこのやり方が良いよって説明だったりマジ神です! 今回の制作ではSCSSの動画何回も見てなんとか導入出来たので、次回この動画分も取り入れてみます! スクロールした時に全体の雰囲気を変えるとか、色々応用出来そうで考えるだけでも楽しいです
@hirocode
10 месяцев назад
嬉しいコメントいただきありがとうございます😭 スクロールで雰囲気変えるとかかなり面白そうなサイトできそうですね😆❗️ ぜひ取り入れてみてください😊♪
@わたわた-e7i
10 месяцев назад
rootだけだと思ってました。こういう使い方もできるんですね。
@hirocode
10 месяцев назад
コメントありがとうございます😊♪セレクタ内の指定は影響範囲が少ないので気軽に使えてとっても便利です😆❗️
@みっくー-o5y
10 месяцев назад
インスタグラムでもショート動画沢山出して欲しいです!!
@hirocode
10 месяцев назад
インスタ全然更新できてないので頑張ります😂 ありがとうございます🙇❗️
@sf9753
10 месяцев назад
いつもためになる動画をありがとうございますm(_ _)m 質問なのですが、SCSSの変数にカラーコードを入れる場合とCSS変数を使用するのとでは、運用上なにか違いはありますか?
@hirocode
10 месяцев назад
コメントありがとうございます😊♪ 大きな違いとしては、SCSS変数だとレスポンシブで数値を変えることができないので、sass変数だとその点がかなり不便です😱💦 ただ、@mixinで色に変更を加えるとかはsass変数でしかできないので、その点使い分けが必要だと思います❗️
@helvetica4605
5 месяцев назад
結局scssのmixinと併用できないから使ってないなあ
@めざし-j7b
10 месяцев назад
変数はレスポンシブで使うのは便利なんですが、色に関しては使わないでほしいと思ってます😅 サイトのテーマカラー変更なんて、テンプレート作成後の使い回し以外では見たことがありません。後々サイトのテーマカラーを一括で変更するような場面に遭遇することが現場では無い。 そういった意味でも変数にする意味は無いと思ってます。 VSCodeで色関連のプロパティを書くと、同一css内で使ったことのある色なら予測を出してくれるし、通常の書き方なら色コードの前に色を四角で表示してくれるんで何色か一発で分かる。 対して、変数だと変数名でしか予測してくれないので何色か一発で分からないし、数値指定の変数名も混ざるし、変数が多くなると探しづらい。 どうせ皆、VSCode使ってるでしょ?! 色は通常の書き方のほうが分かりやすいよ?! っていつも思ってます。 色を変数にするの、マジで辞めてほしい🥲
@hirocode
10 месяцев назад
コメントありがとうございます😊! もしかしたらカラーの定義方法によるのかもしれないです🤔 色の変数を用意して、その上で用途別の変数に代入して使用するのが最近では主流の認識です。 cssの命名規則同様に変数名のルール設定しておけば、毎回同じ変数名書くだけなのでその方が楽になりそうです。 その場合は複数のサイト制作でも毎回同じ変数名が使用できるメリットもあります。 他にも、異なる用途で同じ色を使用している際に一括置換できない点や、ダークモード対応とかが出てくれば、変数で定義していないとかなり面倒なことになるかと思います💦 LPや小規模なコーポレートサイトであれば問題ないかもですが、規模が大きくなるにつれて変数はほぼ必須というか導入すべき機能かと思っています!
Далее
9:23
【CSS新機能】コンテナクエリ@containerの使い方と実例紹介!
Просмотров 8 тыс.
23:13
【HTML CSS】グリッドレイアウトの使い方。Grid Layoutの基礎コーディング。
Просмотров 25 тыс.
19:20
От первого лица: Школа 7 😱 ПОХУДЕЛА РАДИ ПАРНЯ 🤯 КИНУЛ ВСЕХ 😰 УКРАЛ ЖИЗНЬ ДЕВУШКИ 🥺ГЛАЗАМИ ШКОЛЬНИКА
Просмотров 1,5 млн
00:21
ТИПИЧНОЕ ПОВЕДЕНИЕ МАМЫ
Просмотров 1,1 млн
01:00
Вертикальный мангал адвоката Егорова
Просмотров 171 тыс.
13:46
Детектор лжи: есть ли у меня ПАРЕНЬ? Милана Некрасова
Просмотров 112 тыс.
53:41
How I animate 3Blue1Brown | A Manim demo with Ben Sparks
Просмотров 510 тыс.
20:30
CSSの変数で生産性が爆あがり。カスタムプロパティの使い方基礎2024
Просмотров 746
12:24
3 tricks to improve your CSS
Просмотров 32 тыс.
25:55
【Photoshop講座】スマートオブジェクト完全理解!知らないと使えない?!
Просмотров 116 тыс.
10:05
【HTML/CSSコーディング】超便利な擬似要素。data属性も。
Просмотров 25 тыс.
9:33
CSS新機能「Subgrid サブグリッド」の使い方!
Просмотров 10 тыс.
18:17
ReactでCSS書くならどれ使う?
Просмотров 11 тыс.
13:30
HTML CSSでSVGをプロ級に使うための2つの実用的な方法
Просмотров 10 тыс.
12:02
CSS Variables - An introduction to CSS custom properties
Просмотров 124 тыс.
15:57
CSSのcalc関数の代表的な使い方とか教えてもらってないよね
Просмотров 466
19:20
От первого лица: Школа 7 😱 ПОХУДЕЛА РАДИ ПАРНЯ 🤯 КИНУЛ ВСЕХ 😰 УКРАЛ ЖИЗНЬ ДЕВУШКИ 🥺ГЛАЗАМИ ШКОЛЬНИКА
Просмотров 1,5 млн