ウェブデザインのためのオンライン開発ツール10選の紹介

1. オンラインテキストジェネレーター

BlindTextGenerator: デザイナーにとって、これはシンプルで使いやすいテキスト生成ツールです。多数のフォントが含まれており、文字のサイズ、数、スタイル、段落の数や配置などを設定できます。また、テキスト ブロックのサイズを簡単かつ正確に調整することもできます。

詳細情報: http://www.blindtextgenerator.com/lorem-ipsum

Fillerati: 非常にデザインセンスがあり、モダンなスタイルを持つテキストジェネレーター。

詳細情報: http://www.fillerati.com/

2. CSSジェネレーター

境界の半径: これほど簡単なものはありません。ウェブサイトにアクセスし、長方形の 1 つの角にある入力ボックスに値を入力して、角丸長方形の CSS コードを生成します。

詳細はhttp://border-radius.com/をご覧ください。

CSS3 グラデーション ジェネレーター: 非常に使いやすい CSS グラデーション コード ジェネレーターです。

詳細情報: http://gradients.glrzad.com/

究極の CSS グラデーション ジェネレーター: Photoshop を使い慣れている方なら、この CSS グラデーション コード ジェネレーターにも慣れているでしょう。もちろん、その機能も非常に強力です。

詳細: http://www.colorzilla.com/gradient-editor/

CSS Tricks Button Maker: ボタンの CSS コード ジェネレーター。間違いなく、とても便利です。

ボタンのサイズ、色、境界線の半径、グラデーション、背景、境界線、ホバー、アクティブ状態を自由に定義できます。設定後、ボタンをクリックすると、CSS コードをコピーできます。

詳細: http://css-tricks.com/examples/ButtonMaker/

3. 組版ツール

ベースライン CSS: 大量のテキストを含む Web サイトにとって非常に強力なツールです。

詳細: http://baselinecss.com/

TypeTester: 最適なタイポグラフィを簡単かつ迅速にテストできるツールです。比較のための 3 つのスキームと安全なフォントのリストを提供します。完璧な設定が見つかったら、対応する CSS も取得できます。

詳細情報: http://www.typetester.org/

4. その他のツール

Favicon.cc: これは、通常、ブラウザのステータス バーまたはブラウザ タブに表示される小さなアイコン (Web サイトを識別するために使用) を生成するツールです。完了したら、.ico ファイルをダウンロードし、Web サーバーのルート ディレクトリにドラッグします。とても早くて便利です。

詳細: http://www.favicon.cc/

JSONLint: シンプルで使いやすい JSON バリデーター。コードをコピーしてテキスト領域に貼り付けるだけです。コードではなく URL を入力するだけで検証することもできます。

詳細: http://www.jsonlint.com/