Web制作にすごい役立つ!無料で使える便利なオンラインツールのまとめ -Tiny Helpers
Post on:2020年2月3日
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