ホームページ制作者が知っておくべき
恐ろしく便利な62のサービス+α

今回はホームページ制作者・WEBデザイナー向け
便利で使えるサービスを知る限り全てまとめてみました。
(海外サービスは解説サイトにリンクしているもの有り)

Web制作者におすすめのツール62個

CSS・ワードプレス関係(8)

CSSSpriteGenerator
サイト内で使う画像を1つにまとめてくれるツール。
1つ1つのCSSまで作成してくれます。サイトの軽量化に。

YAMLBuilder
ドラッグ&ドロップだけでマルチカラムデザインを作成。
複雑なデザインを簡単にレイアウトできるサービスです。

CSSMenuBuilder
CSSメニューの作成ツール。横表示・縦表示可能。
パンくずリストもデザインできます。

CSSMenuMaker
Web上の素敵なCSSメニューを作成できるツール。

RoundedCornr
角丸テーブルのHTMLとCSSを生成するツール。グラデーションも可能。

WordPressThemeGenerator
ワードプレスのテーマ(テンプレート)を自作できるツール。

Cssez
簡単にブログ・WP・MTなどのテンプレを作成できるサービス。

Plumb
グリッドレイアウトを簡単に作ることができるサービス。


SEO関連(14)

SEOチェキ!
サイト情報・発リンク・内部リンク・ファイルサイズ・ページランク
インデックス数・被リンク数などをすぐにチェックできます。

OpenSiteExplorer
リンク元のオーソリティーを調べてくれるツール。
どの被リンクがパワーを持っているかが一覧になります。

InternetArchive
ドメイン履歴を調べられる中古ドメインの調査時に役立つツール。
昔の自分のサイトを確認できるのも面白い。

Googleキーワードツール
月の検索回数など調べられるキーワードツール。
データが違うことが結構多いのでマッチタイプは完全一致推奨。

フェレットプラス
私も長年使っているキーワードツール。
キーワード順位チェックやサイト情報のチェック。
ライバルサイトのチェックなど幅広い分析ツールです。

GoogleAnalytics
知らない人はいないと思いますが一応。
もしアクセス解析を使っていないのなら使用をお勧めします!

Googleウェブマスターツール
検索クエリや被リンク数のチェックなど
とりあえずサイト運営者は使っておきましょう。

sitemap.xmlEditor
xmlでサイトマップを作成してくれるサイト。モバイルもOKです。

W3Cマークアップ検証サービス
W3Cの公式HTML文法チェックサービス。
AnotherHTML-lintgatewayではチェックされない部分もあるので
下のツールと一緒に使うことで重大なミスを見つけることができます。

AnotherHTML-lintgateway
有名なHTML文法チェッカーツール。
文法に点数をつけてくれ、具体的な訂正箇所も日本語で教えてくれます。
大きなミスだけでも直しておくといいでしょう。

リンク切れチェックツール
サイト内の全てのリンク切れを調べてくれるツール。
時間はかかりますがかなり使えるサービスです。

リンク切れカッター(サービス停止中)
ダウンロードするリンク切れ確認ソフト。
調査モードでリンク切れを確認することができます。

孤島発見器
リンク切れのチェック機能もありますが
リンクされてない不要なファイルを検出する機能が便利。

WebsiteExplorer
HTMLファイル以外に画像ファイルのリンク切れも確認でき、
結果をエクセル形式で保存することも可能なフリーソフトです


お役立ちツール(2)

mindmeister
マインドマップを簡単に作れるサービス。

pForm
フォームを簡単に作成できるサービス。


画像関連(6)

EasyPhotoResize
Web上で画像をリサイズできるツール。

smush.it
サイト内で使用している画像をまとめて軽量化してくれるサービス。

3d-boxmaker
情報商材などの3Dパッケージを簡単に作成可能なサービス。

Snipshot
画像を加工できるサイト。色々な拡張子で保存可能。

Splashup
無料のphotoshop的ツール。かなり便利です。

幕末古写真ジェネレーター
指定した写真を幕末写真にしてくれるネタツール。


写真素材(3)

Image*After
20000を越える写真素材が無料で使えます。個人・商用どちらもOK。

http://www.ashinari.com/
こちらもフリーの写真素材配布サイト。個人・商用OK。

publicdomainphotos.com(サービス停止)
publicdomainの写真素材を配布しているサイト。


フリーフォント(2)

ShowFont.net
ネットで集めたトータル10000を越えるフォント倉庫。
サンプルフォントを見ながらフォントが選べるので便利。

FontSquirrel
商用サイトで使えるハイクオリティフォントが300書体。
無料ですが別個にライセンスの記載があるのでご確認を。


アイコン(2)

Iconfinder
フリーアイコンを探す時に役立つアイコン専門の検索エンジン。
英語サービスですが7万以上のアイコンが保存されてます。

FreeIconsWeb
ブックマークに入れておきたいアイコン集。
全部で15000個以上のアイコンが揃ってます。


デザイン(3)

TextureArchive.com
3500種類の無料テクスチャがダウンロードできます。(jpeg)

PSBrushes
photoshopのブラシが数百種類もダウンロードできるサイト。

みんなで作るWEBデザイン参考集「ブックマ!」(サービス停止中)
ウェブデザイナー必見。WEBデザインを参考にしたい時に。


ボタン作成(2)

Mycoolbutton
Web2.0ボタンを簡単に作れるサービス。

AsButtonGenerator
ボタンアイコンを確認しながら作れるサービス。


XHTML・CSSテンプレート(8)

海外のハイクオリティテンプレート集。
とりあえずこのへんのテンプレートは見ておきたい所。

OSWD
styleshout
OpenDesigns
TemplateWorld
FreeCSSTemplates
FreeCSSTemplates.org


フラッシュテンプレート・素材(3)

Flashbucks
フラッシュの素材置き場。商用も無料。

FlashVillage(サービス停止)
素敵なFlashテンプレート配布サイト。

Flasheezy!(サービス停止)
無数にあるFlash素材とテンプレート集。


ファビコン(1)

favicon2dots
ファビコンをドットにしてくれるジェネレーター。


firefoxアドオン(6)

FireBug
HTML・CSS・JavaScriptのリアルタイムデバッグ・モニタ。

HtmlValidator
ページ内の文法検証。エラー箇所も表示してくれるアドオン。

ColorZilla
使われている色を調べることのできるカラーピッカー。

FireFTP
firefox上でファイルを転送できるFTPアドオン。

SEOForFirefox
被リンク数やページランクを調べられるSEOアドオン。

WebDeveloperToolbar
様々機能を持ったWeb開発ツール。
CSSやJavaScriptを無効にしたり画像情報を調べたり。


日本語チートシートまとめ(+α)

CSSのチートシート(PDF)textdropより)

PHPのチートシートtextdropより)

SEOチートシートSEOmozの記事をWeb担が日本語にしたものです。

Unix・Linuxのコマンドリファレンス

正規表現のチートシートtextdropより)

ワードプレスのチートシートtextdropより)

最後に最近話題のチートシートまとめサイトQuicklyCode

以上、62のツールチートシートのファイル7つになります。

どれも使えるサービスばかりなので
使いそうなものはどんどんブックマークしておきましょう!

●この記事に関連するコラム

お金を稼ぐ方法をトップから見る

↑ページの一番上に戻る

カテゴリー
ネットビジネスまとめ(51)
アフィリエイト・内職(45)
ポイントサイトの攻略(33)
Webサービスのまとめ(39)
ウェブ制作・SEO関連(56)
月10万円稼ぐ最短マニュアル
注目の記事トップ10
「結局、何をしたら稼げるのか?」
今から始める27のお金の稼ぎ方
ブログ1年間のアフィリエイト収益・ポイントサイト収入をまとめてみた。
ポイントサイト完全比較ランキング - 2016年のお小遣いサイトTOP10
好きなことを仕事にして稼ぐ18の方法。最新のネット副業一覧リスト
おすすめポイントサイトを比較!
お小遣いサイトランキングTOP5
アドセンスで300万円越えたので「ブログで稼ぐための20の方法」を公開します。
【SEO対策】2016年も使えるブログのアクセスアップ手法21個まとめ
ネットで人気の副業30選まとめ - 在宅副業ランキング
累計ネット収入が1億円を突破!
ポイントサイトの収入明細を公開!
ブログアフィリエイトでお金を稼ぐための8つのノウハウとSEO
今月のおすすめサービス
  • ポイントサイトのモッピー

Copyright 2004-2016, ネットで稼ぐ方法をマスター!All Rights Reserved.(お問い合わせはkanemotilevel@gmail.comへ)