【HTML/CSSコーディング】超便利な擬似要素。data属性も。

Поділитися
Вставка
  • Опубліковано 5 вер 2024

КОМЕНТАРІ • 40

  • @rogw6043
    @rogw6043 3 роки тому +13

    完成図があって一つずつ近づけていく感じわかりやすくて最高

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

      ありがとうございます🙇‍♂️❗️

  • @odaroku
    @odaroku 24 дні тому +1

    ずっと疑問に思っていた擬似要素についてとてもわかりやすく教えてくださり、本当にありがとうございました!すごくよくわかりました!😭❤✨

    • @hirocode
      @hirocode  20 днів тому +1

      お役になったようで良かったです😊♪嬉しいコメントいただきありがとうございます😆❗️

  • @user-tf2kq1uz9g
    @user-tf2kq1uz9g 2 роки тому +3

    再生のバーと同じ場所に下のバーがあるのクソ見やすい!

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

      ありがとうございます😆‼️

  • @kuroyan235
    @kuroyan235 3 місяці тому +1

    ありがとうございます。すっげー分かりやすい!!!

    • @hirocode
      @hirocode  3 місяці тому

      めちゃめちゃ嬉しいコメントありがとうございます😆❗️

  • @user-gs1iu8vo5z
    @user-gs1iu8vo5z Місяць тому +1

    ありがとうございます!

    • @hirocode
      @hirocode  Місяць тому

      こちらこそありがとうございます😆❗️

  • @smami5740
    @smami5740 2 роки тому +1

    疑似要素、奥が深いですね~!
    わかりやすく解説してくださり、本当にありがとうございます。

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

      こちらこそご視聴いただきありがとうございます😊♪

  • @user-kt9ec6ir3t
    @user-kt9ec6ir3t 3 роки тому +1

    今。オンラインのプログラミングスクールにてWord Press講座に入る前のLP作成課題で苦しんでるとこです。
    擬似要素はよく出てくるのに理解ができてなかったので非常にありがたい動画です。
    実用できるまで繰り返し見ます。チャンネル登録しました。

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

      嬉しいコメントありがとうございます🙇‍♂️❗️チャンネル登録もしていただけて嬉しいです😭
      少しでも参考にしていただけたようで幸いです❗️
      スクール通っていらっしゃるんですね😲頑張ってください応援しています😆❗️❗️

  • @mitsuki-te8nc
    @mitsuki-te8nc 3 роки тому +2

    めちゃめちゃ分かりやすかったです!
    参考にさせていただきます!!

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

      そう言っていただけて嬉しいです😭ありがとうございます❗️

  • @fumi8991
    @fumi8991 2 роки тому +1

    わかりやすい! 勉強になりました!

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

      嬉しいコメントいただきありがとうございます🙇‍♂️❗️

  • @tomoki.u6720
    @tomoki.u6720 3 роки тому +1

    擬似要素のことがやっと理解できました!為になる動画ありがとうございます!

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

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

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

    擬似要素の使い方が実例を交えて解説してるので、分かりやすい&実際に使えるヒントがたくさんで素敵です😊

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

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

  • @user-ef9ev9ir1j
    @user-ef9ev9ir1j 3 роки тому +1

    初めて動画拝見しました!!
    疑似要素が出てくると良く分からなくて逃げ腰になっていたのですが、こんなに便利なものだったんですね・・・。
    復習しやすい動画になっているのも助かります。
    他の動画も拝見させていただきます。
    これからも楽しみにしています!!

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

      そもそも擬似要素って名前自体が難しいイメージ醸し出してますよね😅笑
      嬉しいコメントありがとうございます🙇‍♂️より良い動画アップできるように頑張ります❗️

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

    めっちゃ分かりやすかったです!

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

      ありがとうございます🙇‍♂️❗️❗️

  • @user-mq3jq7qk1h
    @user-mq3jq7qk1h 3 роки тому +1

    有益すぎて興奮してます。

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

      嬉しいです😆❗️ありがとうございます❗️❗️

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

    🇯🇵🇯🇵🇯🇵わかりやすいです

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

      ありがとうございます😆❗️

  • @user-sn4td5ii1d
    @user-sn4td5ii1d Рік тому +1

    もうあるかもしれないですが、:hoverの際色々遊んでみたいので、「:hoverで色々遊んでみた」みたいな動画ほしいです!

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

      考えてみます❗️ご要望ありがとうございます😆❗️

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

    こんな便利な裏技があったとは。。

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

      コメントありがとうございます🙇‍♂️❗️参考にしていただけて嬉しいです😊🎵

  • @____-fv1lt
    @____-fv1lt 3 роки тому +2

    親切すぎる~~~~~~~~~~~本当にありがとうございます(´;ω;`)

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

      こちらこそありがとうございます🙇‍♂️❗️❗️

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

    実際のサイトのソースを眺めていると、::before のようにコロンが二つ付いてる場合があるのですが、何か違いはありますか?

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

      ご質問いただきありがとうございます🙇‍♂️❗️
      擬似要素の古い記述が「:」で、新しい記述が「::」になります。
      古い記述は古いバージョンのIEに対応しているため、一応、より幅広いブラウザに対応する書き方になっています。
      現状特に機能的な違いはありませんが、今後を見据えて「::」で記述する方が良いかもしれません❗️

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

    はじめまして。
    画像をCSSで設定する際にcontentでは指定せずbackgroundするのは何か違いはあるのでしょうか?

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

      コメントありがとうございます😊♪
      contentで画像を指定する場合、画像サイズの調整ができなくなるため、基本的にbackgroundで指定するようにしています❗️