WEBサイト制作の便利ツール

CSSでWebデザインをする際に参考になるツールの備忘録です。

1. いい感じのグラデーションを簡単に。

Grabientというグラデーションが簡単に作成できるサイトです。
サンプルも大量にあり、カスタマイズも可能で、簡単にコピーしてサイトに反映できます。
https://www.grabient.com/

2. アニメーションのアイデアとデモコード

動くWebデザインアイディア帳というアニメーションのアイデアとデモコードがあるサイトです。
市販されている冊子に関連するサイトのようで、すべてのサンプルにデモコードがあるわけではないようです。
https://coco-factory.jp/ugokuweb/move02-cat/background/

3. 背景をつくるツール

haikeiという、いろんなパターンの背景をつくってコードをコピペできるサイトです。
https://app.haikei.app/

4. 破線を作るツール

Dashed Border Generatorという、いろんなパターンの破線をつくってコードをコピペできるサイトです。
https://codepen.io/amit_sheen/pen/xxZeyjO

5. パーツ別Webデザイン集

Parts.というパーツごとのデザイン参考サイト。
部分ごとのデザインアイデアに。
https://partsdesign.net/

今回は以上です！