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のスクリーンショットにフレームを合成するなど、出来上がりイメージを検証するためのツール。
画像でイメージのダウンロードが出来る。
カラー
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 – 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検証ツール
関連記事
-
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さんがまたヤッてくれました。 お仕事中にアプリケーションが重たくなってきたの...