WEB制作時に大変重宝する、無料で使えるWEBツールまとめ。

WEB制作時に無料で使えて大変重宝するWEBツールをまとめてみました。

フォント、文字関連

PXtoEM.com: PX to EM conversion made simple.
フォントサイズを他の単位に換算してくれる。
かなり重宝しています。

font checker（フォント・チェッカー）
ブラウザでのフォントスタイルを確認するためのツール

wordmark.it – helps you choose fonts!
PCにインストールされているフォントのスタイルを一括確認。

文字数計算ツール
テキスト文字数を計算してくれる。
ガラケーサイトなど、文字数上限を制限するような際に重宝します。

表示確認ツール

Responsive Web Design Test Tool – Designmodo
レスポンシブWEBデザインの表示を確認するためのシミュレーター

iPhone Screenshot Maker
iPhoneのスクリーンショットにフレームを合成するなど、出来上がりイメージを検証するためのツール。
画像でイメージのダウンロードが出来る。

カラー

Adobe Kuler
カラーテーマサンプル

WEBエディター

Photo editor online / free image editing direct in your browser – Pixlr.com
ブラウザ上で編集できるクラウド型（ほとんど）フォトショップ。

ファビコン作成ツール

ファビコン作成。favicon.ico 無料で透過マルチアイコンが作れます。
透過マルチアイコン、ファビコン作成ツール

ThemeRoller | jQuery Mobile

ThemeRoller | jQuery Mobile
jQuery Mobileのテーマ作成ツール

sitemap作成ツール

Create your Google Sitemap Online – XML Sitemaps Generator
sitemap.xml作成ツール

動作テスト用ダミーデータ

現在公開されているテスト用ダミーデータ一覧
ダミーURL・IPアドレス・顧客情報・ダミー画像・テスト用クレジットカード番号など動作テスト用ダミーデータ

CSS3 Generator

CSS3 Generator
CSS3ジェネレーター

CSS3 Generator – By Peter Funk & Eric Hoffman
CSS3ジェネレーター

Ultimate CSS Gradient Generator – ColorZilla.com
CSS3ジェネレーター

コードコンプレッサー

Compress javascript and css. Amazing code compression. Quick,easy and free!
コードを軽量化するツール

URLエンコード/デコード

URLエンコード・デコードフォーム – TAG index Webサイト
URLエンコードとデコードが行えるフォーム

SEO検証ツール

SEOチェキ! 無料で使えるSEOツール
SEO検証・チェックツール

SEOツール｜超高機能次世代無料SEOtools
SEO検証・チェックツール