ホーム ＞ ホームページ作成・SEOコラム ＞ 現在の記事
ホームページ制作者が知っておくべき
恐ろしく便利な６２のサービス＋α
今回はホームページ制作者・WEBデザイナー向けに
便利で使えるサービスを知る限り全てまとめてみました。
（海外サービスは解説サイトにリンクしているもの有り）
Ｗeb制作者におすすめのツール６２個
CSS・ワードプレス関係（８）
CSS Sprite Generator
サイト内で使う画像を１つにまとめてくれるツール。
１つ１つのCSSまで作成してくれます。サイトの軽量化に。
YAML Builder
ドラッグ＆ドロップだけでマルチカラムデザインを作成。
複雑なデザインを簡単にレイアウトできるサービスです。
CSS Menu Builder
CSSメニューの作成ツール。横表示・縦表示可能。
パンくずリストもデザインできます。
CSSMenuMaker
Web上の素敵なCSSメニューを作成できるツール。
RoundedCornr
角丸テーブルのHTMLとCSSを生成するツール。グラデーションも可能。
WordPress Theme Generator
ワードプレスのテーマ（テンプレート）を自作できるツール。
Cssez
簡単にブログ・WP・MTなどのテンプレを作成できるサービス。
Plumb
グリッドレイアウトを簡単に作ることができるサービス。
SEO関連（１４）
SEOチェキ！
サイト情報・発リンク・内部リンク・ファイルサイズ・ページランク
インデックス数・被リンク数などをすぐにチェックできます。
Open Site Explorer
リンク元のオーソリティーを調べてくれるツール。
どの被リンクがパワーを持っているかが一覧になります。
Internet Archive
ドメイン履歴を調べられる中古ドメインの調査時に役立つツール。
昔の自分のサイトを確認できるのも面白い。
Googleキーワードツール
月の検索回数など調べられるキーワードツール。
データが違うことが結構多いのでマッチタイプは完全一致推奨。
フェレットプラス
僕も長年使っているキーワードツール。
キーワード順位チェックやサイト情報のチェック。
ライバルサイトのチェックなど幅広い分析ツールです。
Google Analytics
知らない人はいないと思いますが一応。
もしアクセス解析を使っていないのなら使用をお勧めします！
Googleウェブマスターツール
検索クエリや被リンク数のチェックなど
とりあえずサイト運営者は使っておきましょう。
sitemap.xml Editor
xmlでサイトマップを作成してくれるサイト。モバイルもOKです。
W3Cマークアップ検証サービス
W3Cの公式HTML文法チェックサービス。
Another HTML-lint gatewayではチェックされない部分もあるので
下のツールと一緒に使うことで重大なミスを見つけることができます。
Another HTML-lint gateway
有名なHTML文法チェッカーツール。
文法に点数をつけてくれ、具体的な訂正箇所も日本語で教えてくれます。
大きなミスだけでも直しておくといいでしょう。
リンク切れチェックツール
サイト内の全てのリンク切れを調べてくれるツール。
時間はかかりますがかなり使えるサービスです。
リンク切れカッター
ダウンロードするリンク切れ確認ソフト。
調査モードでリンク切れを確認することができます。
孤島発見器
リンク切れのチェック機能もありますが
リンクされてない不要なファイルを検出する機能が便利。
Website Explorer
HTMLファイル以外に画像ファイルのリンク切れも確認でき、
結果をエクセル形式で保存することも可能なフリーソフトです
お役立ちツール（２）
mindmeister
マインドマップを簡単に作れるサービス。
pForm
フォームを簡単に作成できるサービス。
画像関連（６）
EasyPhotoResize
Web上で画像をリサイズできるツール。
smush.it
サイト内で使用している画像をまとめて軽量化してくれるサービス。
3d-box maker
情報商材などの3Dパッケージを簡単に作成可能なサービス。
Snipshot
画像を加工できるサイト。色々な拡張子で保存可能。
Splashup
無料のphotoshop的ツール。かなり便利です。
幕末古写真ジェネレーター
指定した写真を幕末写真にしてくれるネタツール。
写真素材（３）
Image * After
20000を越える写真素材が無料で使えます。個人・商用どちらもOK。
http://www.ashinari.com/
こちらもフリーの写真素材配布サイト。個人・商用OK。
public domain photos.com
public domainの写真素材を配布しているサイト。
フリーフォント（２）
ShowFont.net
ネットで集めたトータル10000を越えるフォント倉庫。
サンプルフォントを見ながらフォントが選べるので便利。
Font Squirrel
商用サイトで使えるハイクオリティフォントが300書体。
無料ですが別個にライセンスの記載があるのでご確認を。
アイコン（２）
Iconfinder
フリーアイコンを探す時に役立つアイコン専門の検索エンジン。
英語サービスですが７万以上のアイコンが保存されてます。
FreeIconsWeb
ブックマークに入れておきたいアイコン集。
全部で15000個以上のアイコンが揃ってます。
デザイン（３）
TextureArchive.com
3500種類の無料テクスチャがダウンロードできます。（jpeg）
PS Brushes
photoshopのブラシが数百種類もダウンロードできるサイト。
みんなで作るWEBデザイン参考集「ブックマ！」
ウェブデザイナー必見。WEBデザインを参考にしたい時に。
ボタン作成（２）
My cool button
Web2.0ボタンを簡単に作れるサービス。
As Button Generator
ボタンアイコンを確認しながら作れるサービス。
XHTML・CSSテンプレート（８）
海外のハイクオリティテンプレート集。
とりあえずこのへんのテンプレートは見ておきたい所。
OSWD
Solucija
styleshout
OpenDesigns
Studio7Designs
TemplateWorld
Free CSS Templates
FreeCSSTemplates.org
フラッシュテンプレート・素材（３）
Flashbucks
フラッシュの素材置き場。商用も無料。
FlashVillage
素敵なFlashテンプレート配布サイト。
Flasheezy!
無数にあるFlash素材とテンプレート集。
ファビコン（１）
favicon2dots
ファビコンをドットにしてくれるジェネレーター。
firefoxアドオン（６）
FireBug
HTML・CSS・JavaScriptのリアルタイムデバッグ・モニタ。
Html Validator
ページ内の文法検証。エラー箇所も表示してくれるアドオン。
ColorZilla
使われている色を調べることのできるカラーピッカー。
FireFTP
firefox上でファイルを転送できるFTPアドオン。
SEO For Firefox
被リンク数やページランクを調べられるSEOアドオン。
Web Developer Toolbar
様々機能を持ったWeb開発ツール。
CSSやJavaScriptを無効にしたり画像情報を調べたり。
日本語チートシートまとめ（＋α）
CSSのチートシート（PDF）（textdropより）
PHPのチートシート（textdropより）
SEOチートシート SEOmozの記事をWeb担が日本語にしたものです。
Unix・Linuxのコマンドリファレンス（よたばななより）
正規表現のチートシート（textdropより）
ワードプレスのチートシート（textdropより）
最後に最近話題のチートシートまとめサイトQuickly Code
以上、６２のツールとチートシートのファイル７つになります。
どれも使えるサービスばかりなので
使いそうなものはどんどんブックマークしておきましょう！
●この記事に関連するコラム
|