制作で使用しているwebサービス

ごきげんよう
最近ファミリーマートのメロンパンを平日はほぼ毎日食べているナカノです。
重症なくらいハマっております　笑

今回はホームページ制作で使用しているwebサービスをご紹介いたします。

TinyPNG

https://tinypng.com/

画像ファイル（jpgやpng）を圧縮（ファイルサイズを少なく）してくれるサービスです。
無料版では最大20ファイルまでかつ1ファイルあたり5MBまでにはなりますが、結構サイズを小さくしてくれるのでとても便利です。
私は大量の画像を一気に圧縮したいので年間$39（約6000円）の有料版をしようしています。

PX to EM converter

https://nekocalc.com/px-to-em-converter

フォントサイズをpx：ピクセルからエム：emへ変換してくれるサービスです。
ピクセルを指定すると変換されるので、いちいち計算機で計算しなくて良いので便利です。

CSS Triangle Generator

https://triangle.designyourcode.io/

こちらはCSSで三角形を生成してくれるサービスです。
画像で切り出すまでもない三角形など便利なので結構使用しています。

CSS Gradient

https://cssgradient.io/

こばっちさんも紹介されていたCSSのグラデーションを生成してくれるサービスです。
さくっと生成してくれてとても便利なのでちょくちょく使用しています。

パスワード生成（パスワード作成）ツール

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

WordPressのログインやメールアカウントの作成などで使用するパスワードを生成してくれるサービスです。
文字の種類、文字数、生成する個数など細かく指定できるので便利です。

.htpasswd生成

https://tech-unlimited.com/makehtpasswd.html

ベーシック認証で使用する暗号化したものを生成してくれるサービスです。
頻度は高くありませんが地味に便利です。

Can I use

https://caniuse.com/

CSSのプロパティがどのブラウザで使用できるか調べられるサービスです。
困ったときはこちらで調べてプロパティを使用するか検討しています。

Faviconジェネレーター

https://favicon-generator.mintsu-dev.com/

画像ファイルからfaviconを生成してくれるサービスです。
デザイナーさんに作成していただいた画像ファイルをfaviconに変換する際に使用しています。

まとめ

現在主に使用しているサービスは以上になりますが、今後も効率化をはかるためにも色々調べて使っていこうと思います。

こばっちさんが紹介されているツールについてはこちらをご覧ください！

コーディングでよく使うツール