#アスペクト比計算ツール
これはレスポンシブ対応する際に、よく使うかも。
例えば、Youtubeのiframeタグの埋め込みで横幅をレスポンシブにしたい時とか、
背景画像をレスポンシブで画面幅どんなにあってもその分広がるようにする時に使うとか
横幅x縦幅を入力してポチッとするだけで、数値を出してくれる便利ツール。
リンク先:アスペクト比計算ツール
#Screenpresso
無料で使えて、サクッとスクショ・録画が可能なツール
ディレクターやデザイナーに共有したい時、サクッとスクショして
編集機能もついているので、それを使って赤枠で加工したりも出来ます。
リンク先:Screenpresso
#Diffchecker
サクッと差分を出したい時によく使います。
HTMLとかCSS以外にも画像の差分とかも出せるので、便利。
Windowsの方は、WinMergeもおすすめです。
リンク先:Diffchecker
#HTML Imagemap Generator
イメージマップは、作るのがかなりめんどうなので、
これで画像をポイッと投げて吐き出されたソースを使うだけなので、かなり便利。
短納期で画像でもおkが出てる時はこれを使う。
#サブセットフォントメーカー
フォントの軽量化によく使います。
これに合わせてWOFFコンバータも入れておきましょう。
リンク先:サブセットフォントメーカー
以上!
業務でよく使うツールBEST5でした!