*

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

公開日: : 最終更新日:2013/11/25 お仕事, デザイン

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

フォント、文字関連

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

tool-font02font checker(フォント・チェッカー)
ブラウザでのフォントスタイルを確認するためのツール

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

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

表示確認ツール

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

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

カラー

tool-color01Adobe Kuler
カラーテーマサンプル

WEBエディター

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

ファビコン作成ツール

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

ThemeRoller | jQuery Mobile

tool-themerollerThemeRoller | jQuery Mobile
jQuery Mobileのテーマ作成ツール

sitemap作成ツール

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

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

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

CSS3 Generator

tool-css01CSS3 Generator
CSS3ジェネレーター

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

tool-css03Ultimate CSS Gradient Generator – ColorZilla.com
CSS3ジェネレーター

コードコンプレッサー

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

URLエンコード/デコード

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

SEO検証ツール

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

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

関連記事

WEBデザインのアイデアを引き出すためのWEBデザインサンプル・リンク集まとめ。

コーディングや構築の思考とデザイン脳がうまく切り替わらない時があります。 そんな時にぶらっと眺めて...

記事を読む

Dreamweaver CC 導入してみました!そして第一印象は?

Dreamweaver CC 導入しての第一印象は!? まずは簡素になった・・・ 改...

記事を読む

Aveit.あっとブログ転入 長年愛用したアメブロをやめたわけ

Aveit.あっとブログを長年愛用したアメブロからここへ移転してまいりました。 旧ブログはこちら ...

記事を読む

ECサイトリニューアルで、すでに売り上げ前年比260%を超えたと言うお客様の嬉しいお話!

一応下請けの立場なので、、、契約上社名もなにもかも公表できず、、、ちょいと悔しい・・・(元請...

記事を読む

Dreamweaver チェックイン チェックアウト 共同編集機能のおさらい

Dreamweaverには昔から装備されているチェックイン・チェックアウト機能。 その機能の存...

記事を読む

新着記事

古いiOSのiPadで「問題が起きたため、このwebページを再度読み込みました。」となる件

2年ぶりに書いてみる。 すでにAppleより見放されてiOSが9.3.5止まりのiPad初期型...

記事を読む

WordPressのエラーを表示させる。白紙状態になったとき。

WordPressのテーマ制作などでfunction.phpの編集やプラグインのインストールなどして...

記事を読む

Dreamweaver CC 2017 正式リリース、早速使ってみた!

一昨日、Dreamweaver CC 2017 が正式にリリースされました。 夏前よりBeta版を...

記事を読む

Windows10 フリーズしたように動作が重くなる現象と対策!

先日、Windows 10 Anniversary Updateをしたばかりですが、その後突然フリー...

記事を読む

【突然くるぞ!】 Windows 10 Anniversary Updateで2時間以上お仕事ストップ!

Microsoftさんがまたヤッてくれました。 お仕事中にアプリケーションが重たくなってきたの...

記事を読む

古いiOSのiPadで「問題が起きたため、このwebページを再度読み込みました。」となる件

2年ぶりに書いてみる。 すでにAppleより見放されてiOSが9...

WordPressのエラーを表示させる。白紙状態になったとき。

WordPressのテーマ制作などでfunction.phpの編集やプ...

Dreamweaver CC 2017 正式リリース、早速使ってみた!

一昨日、Dreamweaver CC 2017 が正式にリリースされま...

Windows10 フリーズしたように動作が重くなる現象と対策!

先日、Windows 10 Anniversary Updateをした...

【突然くるぞ!】 Windows 10 Anniversary Updateで2時間以上お仕事ストップ!

Microsoftさんがまたヤッてくれました。 お仕事中にアプリ...

→もっと見る

PAGE TOP ↑