UPDATE:2024.1.26
- CATEGORY
制作で使用しているwebサービス
ごきげんよう
最近ファミリーマートのメロンパンを平日はほぼ毎日食べているナカノです。
重症なくらいハマっております 笑
今回はホームページ制作で使用しているwebサービスをご紹介いたします。
Contents
TinyPNG
画像ファイル(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
こばっちさんも紹介されていたCSSのグラデーションを生成してくれるサービスです。
さくっと生成してくれてとても便利なのでちょくちょく使用しています。
パスワード生成(パスワード作成)ツール
https://www.luft.co.jp/cgi/randam.php
WordPressのログインやメールアカウントの作成などで使用するパスワードを生成してくれるサービスです。
文字の種類、文字数、生成する個数など細かく指定できるので便利です。
.htpasswd生成
https://tech-unlimited.com/makehtpasswd.html
ベーシック認証で使用する暗号化したものを生成してくれるサービスです。
頻度は高くありませんが地味に便利です。
Can I use
CSSのプロパティがどのブラウザで使用できるか調べられるサービスです。
困ったときはこちらで調べてプロパティを使用するか検討しています。
Faviconジェネレーター
https://favicon-generator.mintsu-dev.com/
画像ファイルからfaviconを生成してくれるサービスです。
デザイナーさんに作成していただいた画像ファイルをfaviconに変換する際に使用しています。
まとめ
現在主に使用しているサービスは以上になりますが、今後も効率化をはかるためにも色々調べて使っていこうと思います。
こばっちさんが紹介されているツールについてはこちらをご覧ください!
コーディングでよく使うツール