-webkit-, -moz- ってなに？ベンダープレフィックス（Vendor Prefixes）について解説！

動画で説明していたメモのURLはこちら
https://hackmd.io/0NhgNFbQSwKkTQ381rfDnA

コーディングをしていると、必ず出会う、
-webkit-, -moz-, -o-, -ms-
などのベンダープレフィックス（ベンダー接頭辞）について解説しています！

ベンダープレフィックスとは?
「ベンダー」とは、特定の製品やサービスを提供する会社や団体を指します。この文脈では、Webブラウザの開発を行っている企業や組織（例：Chromeの場合はGoogle、Safariの場合はApple）を指す。
「プレフィックス」とは、何かの前に追加される短いフレーズや文字列を指します。
結合して、ベンダープレフィックスは特定のブラウザがサポートする試験的または非標準のCSSプロパティを示すための接頭辞となります。

どのCSSプロパティにどのプレフィックスを使うか?
これは「Can I use」サイトで確認することができます。このサイトは、さまざまなブラウザでのCSSプロパティのサポート状況を示しています。

ベンダープレフィックスは、特定のブラウザでのサポートを示すためのものです。適切に使用することで、さまざまなブラウザでのWebサイトの表示を安定させることができます。しかし、現代のブラウザの進化に伴い、その必要性は減少してきています。最新のブラウザのサポート情報は、「Can I use」サイトで確認できます。

【補足】
ベンダープレフィックスの使用は、Web開発の初心者には少し混乱を招くことがあります。しかし、理解し、適切に使用することで、ユーザーエクスペリエンスを向上させることができます。