Web開発者が知るべき15のWebサイト
TAGS: CSSTidy | TypeTester | フォント | IconFinder | アイコン | 負荷 | Buttonator | ボタン | Sprite | 背景 | 配色 | 問い合わせフォーム
よいWebサイトを作るのに容易ではありません。しかし適当なツールを利用することで、デザインや開発作業を確実に楽になるでしょう。
ここでは、Webサイトのデザインや開発に非常に便利な15のWebサイトを紹介します。
ColorCombos ColorCombos
Webサイトをデザインする際に、最初のポイントは配色でしょう。このサイトは数千種類の配色テーマが用意されています。
LIpsum
Lorem Ipsumテキストを生成する便利なサイトです。
What the font?
あるWebサイトやロゴに使用されているフォントに興味がある時に役立ちます。
画像やロゴから使用されるフォントを教えてくれる便利なツールです。
ConvertIcon
JPG、PNGなどの画像からアイコン（.ico）を生成してくれる便利なサイトです。
BgPatterns
Webサイトに無料で使える背景画像を多く提供しているWebサイトです。
HTML Encoder
Webページの特殊文字「&」、「<」を変換してくれるオンラインです。
例えば、
&⇒&
<⇒<
ちなみに、HTML Decoderもあります。
Xenocode Browsers
Webサイトを作っていても、必ずすべてのブラウザーで同じような表示をしてくれるわけではありません。Webサイトを様々なWebブラウザー・OSで一々確認するのはたいへんな作業でしょう。
Xenocode Browsersは、WebサイトをIE6, IE7, IE8, Firefox 2, Firefox 3, Google Chrome, Opera での表示をオンラインで一発確認できるたいへん便利なWebサイトです。
Test Everything
外部ツールを含め、HTML/CSS文法チェックツールやSEOツール、各種ネットワークツールなど100 種以上のツールを提供しています。
Sprite Generator
Webサイトのレスポンス速度を改善するには、HTTPリクエストを減らすことは有効な方法だと考えられます。CSS SpritesテクニックはHTTPリクエストを減らすことはできますが、簡単にできることではありません。
Sprite Generatorは、アップロードされた複数画像のZIPファイルから、SpriteとCSSコードを自動的に生成してくれるサイトです。
Buttonator
各様式のボタンを簡単に生成してくれるサイトです。
Load Impact
万が一に備えてサイトの負荷テストを行ってくれるWebサイトです。
IconFinder
ほんの数秒間でフリーで使えるアイコンを検索してくれるWebサイトです。
TypeTester
使用されるフォントがどのように表示されるかを確認・比較できるWebサイトです。
CSS Tidy
CSSコードのエラーレポートや最適化などを行ってくれるWebツールです。
Contact Forms Generators
お問い合わせフォームを生成してくれるWebサイトです。すごいなのは、フォーム送信のPHP， ASP， Perlコードも生成できます。
ここでは、Webサイトのデザインや開発に非常に便利な15のWebサイトを紹介します。
ColorCombos ColorCombos
Webサイトをデザインする際に、最初のポイントは配色でしょう。このサイトは数千種類の配色テーマが用意されています。
LIpsum
Lorem Ipsumテキストを生成する便利なサイトです。
What the font?
あるWebサイトやロゴに使用されているフォントに興味がある時に役立ちます。
画像やロゴから使用されるフォントを教えてくれる便利なツールです。
ConvertIcon
JPG、PNGなどの画像からアイコン（.ico）を生成してくれる便利なサイトです。
BgPatterns
Webサイトに無料で使える背景画像を多く提供しているWebサイトです。
HTML Encoder
Webページの特殊文字「&」、「<」を変換してくれるオンラインです。
例えば、
&⇒&
<⇒<
ちなみに、HTML Decoderもあります。
Xenocode Browsers
Webサイトを作っていても、必ずすべてのブラウザーで同じような表示をしてくれるわけではありません。Webサイトを様々なWebブラウザー・OSで一々確認するのはたいへんな作業でしょう。
Xenocode Browsersは、WebサイトをIE6, IE7, IE8, Firefox 2, Firefox 3, Google Chrome, Opera での表示をオンラインで一発確認できるたいへん便利なWebサイトです。
Test Everything
外部ツールを含め、HTML/CSS文法チェックツールやSEOツール、各種ネットワークツールなど100 種以上のツールを提供しています。
Sprite Generator
Webサイトのレスポンス速度を改善するには、HTTPリクエストを減らすことは有効な方法だと考えられます。CSS SpritesテクニックはHTTPリクエストを減らすことはできますが、簡単にできることではありません。
Sprite Generatorは、アップロードされた複数画像のZIPファイルから、SpriteとCSSコードを自動的に生成してくれるサイトです。
Buttonator
各様式のボタンを簡単に生成してくれるサイトです。
Load Impact
万が一に備えてサイトの負荷テストを行ってくれるWebサイトです。
IconFinder
ほんの数秒間でフリーで使えるアイコンを検索してくれるWebサイトです。
TypeTester
使用されるフォントがどのように表示されるかを確認・比較できるWebサイトです。
CSS Tidy
CSSコードのエラーレポートや最適化などを行ってくれるWebツールです。
Contact Forms Generators
お問い合わせフォームを生成してくれるWebサイトです。すごいなのは、フォーム送信のPHP， ASP， Perlコードも生成できます。