サイト制作に活用したい便利なジェネレーターのご紹介

グラデーションなど、CSSコードが長く、書くのがちょっとが面倒くさかったり、、作業効率化のために普段使用しているジェネレーターやツールのご紹介です。

1.グラデーション自動生成「CSS Gradient」

複数の色を組み合わせたグラデーションなど、手動だと面倒なコードもコピペで作業効率アップです！

デザインが無く、自分で三角形アイコンを作成する必要があるときに使っています。クラス名を指定できるのでそのままコピペして使えます。

グリッドレイアウトに慣れておらず、、、こちらのジェネレーターでいろいろ試し学習しながら使用しています。直観的なのでわかりやすいです。

サイズを指定すると専用URLが生成されるので、サイト制作時に、画像が確定してなくとりあえず入れておきたいときのダミー画像として重宝しています。

ジェネレーターでは無いですが、CSSのクラス名をつけるとき、迷ったらこちらのサイトを参考にしています。