時短でコーディング！制作に役立つジェネレーター8選

こんにちは、後藤です。 1分いや1秒でも早く、、何が何でも早く帰りたい！ 今日は、手間を省いて効率よくコーディングしたいとき役に立つかもしれない、 時短ツールをご紹介します。 では、早速。

グラデーション作成

直感的に色指定も細かく設定でき、CSSのコード作成できるジェネレーターです。 慣れれば思い通りに作れますが、色域や色数が多いと面倒なのでさくっと作りたいときにおすすめサービスです。

CSS Gradient

https://cssgradient.io/

Ultimate CSS Gradient Generator

https://www.colorzilla.com/gradient-editor/

テーブル作成

HTMLコードを出力してくれるテーブルジェネレーター。 列や行数、セルの結合などなど複雑になったテーブルはこれで解決。

Table Tag Generator

https://tabletag.net/ja/

ダミー画像作成

サイトの制作が途中で画像がまだないよ！ってときに役立つジェネレーター。 サイズを入力するだけで、必要な画像を生成してくれます。

Placehold.jp

https://placehold.jp/

CSSで三角形作成

CSSで三角をつくるときに役立つジェネレーター。 三角の向き、サイズ、色を指定するだけでCSSを生成してくれます。

CSS三角形作成ツール

http://apps.eky.hk/css-triangle-generator/ja

ファビコンを一括作成

様々なサイズに対応したfaviconやiOS用のアイコン画像を作成してくれるジェネレーター。 1枚の画像をアップするだけでまとめて作成してくれます。

favicon generator

https://ao-system.net/favicongenerator/

比率計算

縦横比を計算してくれるWebサービス。サムネイルのサイズ計算に役立ちします。 黄金比や白銀比、16:9などの縦横比をサクッと出力。

web計。

https://zeller-lab.com/img-width/

その他、便利なツール

パスワード生成、文字数カウント、.htpasswdファイル作成など。 お役立ちツールが満載。とくにパスワード生成ツールは重宝しています。

LUFTTOOLS

https://www.luft.co.jp/cgi/