HTML CSSでSVGをプロ級に使うための2つの実用的な方法

[@coucode]

多分初コメです！ HIROさんは僕たちが知りたいことを全部動画にしてくださってますよね！ 本当にありがたいです。 2年ぐらい前からお世話になってます！

[@hirocode]

そう言っていただけて嬉しい限りです😭コメントいただきありがとうございます🙇❗️

[@Zelip-m5y]

Can you explain me any english

[@hirocode]

Here's how to use the tag in HTML to call SVG images. When you load SVG images with the tag, you cannot change the fill or stroke properties. However, by using the tag, you can modify these properties.

[@londelidess]

Svg めっちゃ知りたかった助かる

[@hirocode]

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

[@shioyasa]

いつも役立つ情報ありがとうございます。 仕事で活かしていきます！

[@hirocode]

嬉しいです😭こちらこそありがとうございます🙇❗️

[@さかな-c6g]

面白いです！ svgなど画像形式についてもっと深く勉強しようと思いました！

[@hirocode]

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

[@notfadeaway6617]

いつもありがとうございます。Hiroさんはチーム開発する際に心がけていることありますか?

[@オタコン-z2r]

役立つ情報ありがとうございます！ 動画の内容とは関係ないのですが、figmaのプラグインのSkewDatが突然有料化されてしまったので困っています。 他に似たような機能を持つプラグインはありますか？

[@hirocode]

ほんとですね💦 僕もたまに使ってたのでショックです😱 Skewって似たようなのありましたがskewdatの方が使い勝手良さそうです...

[@websupport-t1q]

貴重な情報を動画にまとめてくださり、ありがとうございます！ SVGスクリプトで、同じinde.html内にsvg＞symbolでまとめたら表示ができたのですが、別でsvg.htmlを作成しその中で同じように記述し、useタグではsvg.html#id名を呼び出すと表示ができませんでした。1時間ほど、いろいろな記事を読んでみたり、試行錯誤したのですが、わからず、ダメ元でコメントさせていtだきました。 別でsvg用のhtmlを用意するときの注意点があれば教えていただけませんでしょうか？

[@hirocode]

コメントいただきありがとうございます☺️♪ svg.htmlをページ内に読み込む必要があります❗️ 例えば、phpであれば jsであれば fetch("svg.html") .then(response => { return response.text() }) .then(data => { document.querySelector(".svg").innerHTML = data; }); みたいな感じでページ内に読み込みます。 その上で、useタグの指定は最初と同じで#id名だけで大丈夫です😆❗️

[@websupport-t1q]

@@hirocode ご丁寧にご教示いただきありがとうございます！　いつも為になる動画を配信いただき感謝しております。　これからも楽しみにしております！ 本当にありがとうございました！！

[@hideko_7]

たしかにsvgは便利ですが、、、 FontAwesomeが脳裏で勝ってる笑

[@hirocode]

手軽でめちゃ便利なFontAwesomeは神ですね😆‼️