WEB制作で使える画像の幅やマージン、黄金比、白銀比。ぜひご活用下さい。

WEB計測
WEB計測

WEBのいろいろを簡単に計測。その他便利リンク

横幅に入る要素の大きさ

横幅(px)
入れたい要素数(個)
マージン(px)
...Wait...

横幅に入る要素の個数

横幅(px)
要素(画像)のwidth(px)
マージン(px)
...Wait...

黄金比の計算

横幅(px):
...横幅(px)...
...Wait...
...Wait...
...Wait...

白銀比の計算

横幅(px):
...横幅(px)...
...Wait...
...Wait...
...Wait...

文字数をカウント

...入力待ち...

WEB制作に役立つツール(外部サイト)

色関係
カラーテーマを作成できるAdobeから出ている色ツール
色ごとに明暗の色が見れます。わずかな明暗で調整するとき便利 。
色の名前とHTMLタグが一目でわかるWEB色見本
指定した色の、補色、三色組、四色組、類似色、類似色と補色を作成
カラーピッカーで1色を決めると自動的に配色を作成するツール
テキスト関係
ランダムにダミーテキストを生成。全角スペースの有無の指定などの設定も可能。
デザインやワイヤーフレーム等のダミーテキストとして便利。文字量指定も可能。
PCにインストールされているすべてのフォントを一覧表示してくれます。
コード/PG関係関係
jQueryなどのJavaScriptライブラリのscriptタグを1クリックコピー。
CSS3ボタンジェネレータ。色々なサンプルも沢山あります。
細かな指定が可能なCSS3ボタンジェネレータ 。シンプルで分かりやすい。
画面左側の一覧で選択したボタンから調整出来るボタンジェネレータ。
面倒で難しい.htaccessを自動で作成。挙動は確認するようにして下さい。
サイトマップ(XML)を自動で生成してくれるツールです。とても便利!
いいね!ボタンを作るページヘのリンクです。
ツイッターボタンを作るページヘのリンクです。
グーグルプラスボタンを作るページヘのリンクです。
はてなブックマークのボタンを作るページヘのリンクです。
ドロー関係
サイトマップやワイヤーフレーム、フローチャートなどのドローツール
インストール不要でブラウザ上からフォトショップ並みに画像加工ができます。
素材関係
ダミー画像を生成してくれる国産ジェネレーター 。画像が決まってないけどサイズは決まっている時に。
ファビコンジェネレーター。自分で描いてファビコンにできるのでとてもキレイに仕上がります。
とても質の良い写真が揃っています。人物フリー写真素材も豊富。
全国のアマチュアカメラマンが撮影した写真を無料で提供。フリーで使える人物写真も豊富。
人物に特化したフリー写真素材。
無料で自由に利用して大丈夫な写真素材サイトをまとめ
情報関係(クリエイター向け)
IT関係の情報収集ならこのサイト一つでOK。WEBクリエイター系情報サイト
デザイン関係
Webデザインギャラリーサイトです。国内外を問わずWeb制作の参考となるサイトをセレクト。
WEBデザインに特化したブックマークサイト・ブクマ
かっこいいWebデザインのリンク集。Webデザインの参考。
地域と業種別に分かれたギャラリーサイト。地方発のWebサイトを掲載。
運営関係
アクセス解析ならGoogleAnalyticsといっても過言じゃないですね。無料で使える高機能アクセス解析。
SEOツールの集合体。無料で使えるのでSEO対策の際の便利ツール。
好みのパスワードを生成(自動作成)することができるツール。
Webサイトの表示速度を計測してくれます。速度を遅くしている原因もひと目で分かります。
ウェブページを簡単にPDF変換してくれます。ページのURLを入れて「P」を押すだけの簡単仕様。