Web制作にすごい役立つ!無料で使える便利なオンラインツールのまとめ -Tiny Helpers
Post on:2020年2月3日
sponsors
CSSやHTMLやJavaScriptをはじめ、カラーやフォントやアクセシビリティなど、Web制作時に役立つオンラインツールをまとめたTiny Helpersを紹介します。
無料で利用できるツールがまとめてあるので、非常に便利です。

ツールはカテゴリごとに分けられており、その中からいくつか紹介します。

CSS FlexboxやGridのレイアウトをはじめ、シャドウや角丸やclip-pathの生成、チートシートなどがあります。

HTMLからCSSを抽出ツール、Metaタグ生成、プレースホルダーの画像ジェネレーターなど。

配列メソッド、キーボードイベントのキーコードを取得、パーサーによって生成されたASTを調べるなど。

アニメーションにcubic-bezierは欠かせませんね。コピペで使えるイージングなどもあります。

コントラストのチェッカーが多く掲載されています。Color.reviewが一番お勧め。

コントラストのチェッカーがかぶってますが、カラースキームジェネレーター、明るい色合いと暗い色合いを生成など、便利です。

URLリダイレクトチェーン、ステータスコード、レスポンスヘッダ、リダイレクトチェーンの確認など。

Googleフォントの支援ツール、フォントサイズの計算ツールなど。

レスポンシブ用にブレイクポイント作成、画像軽量化など。

SVGアイコン、SVGパターンをはじめ、SVG軽量化など。
sponsors