WEB業界で働く人や興味がある人に役立つ情報サイト“qam（カム）”

投稿者： かじかじ
カテゴリー： マークアップ >サービス

今回はコーディングの時に使える「CSS Stock」をご紹介します！
コピペするだけで簡単にHTML、CSSだけで見出しやボタン、ローディング画面などが制作でき、サイト上で簡単にデザイン調整も可能です。

Web制作を楽にするCSSコピペサイト【CSS Stock】

https://pote-chil.com/css-stock/ja

サイトに掲載されているパーツはシンプルなものからアニメーション付きのものまであり、種類も豊富です。サイトもシンプルで見やすいので探したいパーツにすぐにたどり着けます。

よく使うシンプルなボタン

アニメーション付きボタン

追加したいパーツを選んだら、デザイン調整画面で背景色を変更したり、角丸にしたり、矢印の有無を選択したりと好きなようにカスタマイズができます。

デザイン調整が完了したら、HTML、CSSのコードが生成されるのでコピペするだけで3ステップで簡単にパーツが制作できます！色々なパーツのコードを見ているだけでコーディングの勉強にもなります。

まとめ

コーディングで使用するパーツを掲載しているサイトは多くありますが、「CSS Stock」はWeb制作でよく使うシンプルなパーツが多く、デザインのカスタマイズができるので使いやすくおすすめのサイトです。
また、デザインのアイデア出しの際にも参考になると思います。
ぜひ活用してみてください。