【全部無料】 Web制作に役立つオンラインサービスやツール300+

Ads

all-free-web-service

Web制作に使えるWebサービスやツールなどが様々なサイトでかなり
紹介されています。便利なものですが、多すぎて混乱するので、
備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。
そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。


現在330ありますが、追加していく可能性があります。

リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。

無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。
使えるかどうかは個人差が生じますので何とも言えませんが、お役に立てれば幸いです。

また、商用で使えそうな素材が一つも無いようなサイトは極力掲載していないつもりです。極力。

もくじ

※上に戻る場合は右下に戻るボタンが表示されます。IE6は・・

XHTMLテンプレート配布

  1. 海外サイトTemplateWorld / クオリティの高いテンプレを一部無料で配布。リンクは無料一覧
  2. 海外サイトOSWD / 2000以上のテンプレをオープンソースで配布
  3. 海外サイトOpenDesigns / 1400ほどのテンプレをストック。見やすいです
  4. 海外サイトStudio7Designs / 9つしか無いけどクオリティが高いXHTMLのテンプレを配布
  5. 海外サイトFree CSS Templates / シンプルなテンプレからハイクオリティなものまで
  6. 海外サイトstyleshout / ややシンプル寄りのフリーテンプレートを20個ちょい配布
  7. 海外サイトSolucija / 汎用性の高そうなテンプレートが30個以上
  8. 海外サイトFreeCSSTemplates.org / フリーXHTMLテンプレートが400個以上
  9. 海外サイトFree CSS .com / 有料と無料あり。クオリティの高いテンプレートやナビゲーション

css関係

  1. CSS frame generator / XHTMLからcssの枠組みを作ってくれる
  2. RoundedCornr / 角丸のHTML・CSSコードを生成してくれる
  3. CSS Sprite Generator / 複数の画像を一つにまとめる事で表示スピードアップ
  4. CSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認
  5. CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できる
  6. CSS Builder / オンラインでスタイルを生成可能
  7. YAML Builder / マルチカラムデザインを用意に実装
  8. Spiffy Box / cssによる角丸を簡単に生成
  9. The 1Kb CSS Grid / 複雑なCSSレイアウトをウェブ上で簡単に作成できる
  10. CSS SuperScrub / 無駄なcssの要素を省いて軽量化
  11. CSS Redundancy Checker / 未使用セレクタを教えてくれる
  12. Online CSS Optimizer / cssをオンラインで最適化してくれる
  13. Drawter / CSSレイアウトに対応したサイト製作ツール
  14. Column Layout Generator / 直感的に、レイアウトの枠組みのｃｓｓを作成

cssメニュー

  1. CSS Menu Builder / 横、縦、パンくずと3種類の中から選択可能
  2. IzzyMenu.com / スタイリッシュなcssメニューを簡単生成
  3. CSSMenuMaker / cssメニューを作成できる。日本語も入力可
  4. 海外サイトCSS Portal / サンプルから選択してタブメニューを生成できる
  5. My CSS Menu / 手軽に汎用性の高いメニューを作成できる
  6. Pure CSS Menu / ドロップダウンメニューを簡単生成、IE6まで対応

テンプレートジェネレーター

WP中心になっちゃいました。

  1. WordPress　Theme Generator / WPのテーマをオンラインで作成
  2. Cssez / 国産。WPやMT他、国内のブログサービスのテンプレを作成可能
  3. WordPress Layout Generator / 用意されたレイアウトから選択してカスタマイズ
  4. Project deply* / サイト制作のためのテンプレートをごっそり自動生成

グリッド

  1. 海外サイトBlueprint Grid CSS Generator / グリッド幅、数等を指定してcssを自動生成
  2. Grid Designer / オンラインで確認しながらグリッドの設計ができる
  3. 海外サイトGrid System Generator / グリッドレイアウトのデザインのベースを作成する
  4. 960 Grid System / 960に固定して可視性を高める為の情報。ブックマークレットも
  5. 海外サイトnP: Grid Generator / グリッドを作成して、ｃｓｓのソースをコピペ
  6. Plumb / 簡単にグリッドレイアウトを作成できるツール

Flash関連

DesignWalkerさんの記事に少し加えています。

  1. 海外サイトfreetemplates4u / Flashは勿論、数々のCMSテンプレが全てフリー
  2. 海外サイトFlashVillage / ハイクオリティなFlashテンプレート
  3. 海外サイトflashmo / Flash以外にcssやギャラリーなども
  4. 海外サイトFlasheezy! / Flash素材が山のようにある。見てても楽しい
  5. 海外サイトFFiles / Falsh素材を無料でダウンロード可能
  6. 海外サイトWix / Falshテンプレートジェネレーター。日本語が・・
  7. Flashbucks / 国産。個人・商用ともに無料で利用可能

素材関係

フリーフォント

  1. dafont.com / 最もストック数の多いフォントサイトだが、ライセンスが曖昧
  2. UrbanFonts / かなりの数のフォントをストック。著作権注意
  3. FontStruct / オリジナルのフォントを作成できる貴重なサービス
  4. Better Fonts / 10000以上ストックしてあり、その場でフォントを確認できる
  5. Font Squirrel / 商用サイトでも利用可能なフリーフォント。要ライセンス確認
  6. 1001 Free Fonts / 約10＄で4000個DLも可能
  7. creamundo / 10000近いフリーフォントをストック。プレビュー機能も
  8. Fawnt / デザイナー向けのフリーフォントをダウンロード可
  9. Search Free Fonts / フリーフォントの検索エンジン。サムネイル付き
  10. YourFonts / 自分の筆跡をフォントに出来るサービス
  11. Abstract Fonts / 探しやすいフリーフォント配布サイト
  12. WhatTheFont! / 画像を解析して何のフォントか調べてくれる
  13. fontspace.com / プレビューで配布されるフリーフォントを大きくして確認できる
  14. ShowFont.net / 10000以上のフォントをストックしている
  15. 海外サイトFont Cubes / 人気順でも探せるフォント配布サイト
  16. Fontex / 好みのフォントを見つけやすいフリーフォント配布サイト
  17. SMeltery / 企業ロゴなど一風変わったフォントを配布

フリーアイコン

  1. Iconza / 一括でカラー、背景色変更、3サイズから選択、フリーDL出来る
  2. Iconfinder / 2万近くのアイコンをストックしているアイコン検索エンジン
  3. 海外サイトIcon Archive / 2万ほどのフリーアイコンのアーカイブサイト
  4. iconspedia / 高品質なアイコンをそろえたWebサイト
  5. 海外サイトfamfamfam / 小さくて可愛いフリーアイコンを紹介している
  6. FreeIconsWeb / アイコンパックを中心に15000点以上をストック
  7. ICONlook.com / ライセンスも表示されて見やすいアイコン検索エンジン
  8. iconlet / 40000個以上のアイコンから検索可能
  9. FeedIcons.com / RSSアイコンを統一しよう、という趣旨のプロジェクトサイト
  10. We Love Icons / 質感の良いアイコンを配布。サイト自体もいい感じ
  11. Icojoy / かわいいミニアイコンをダウンロード出来る
  12. Online Banner Generator / アイコンやバナーを手軽に作成できる

フリーテクスチャ

  1. CG Textures / 綺麗にカテゴライズされたフリーテクスチャ配布サイト
  2. TextureKing / 無料のテクスチャを大量にストック
  3. Mayang’s / 3400以上の多種多様な高品質のテクスチャを配布
  4. Urban Dirty / アーバンなテクスチャが商用でも利用可（要クレジット表記）
  5. Texture Lovers / 凄く探しやすいフリーテクスチャ配布サイト
  6. Zen Textures / 大き目のテクスチャを配布してるサイト
  7. Grunge Textures / グランジ風を専門としたフリーテクスチャ配布サイト
  8. Free Stock Textures / 高解像度なテクスチャを豊富に揃えているサイト
  9. 海外サイトFree 3ds Textures / 見やすく探しやすいテクスチャ配布サイト
  10. TextureArchive.com / 3500種をjpgeでDL可能なフリーテクスチャ配布サイト

フリーPhotoshopブラシ

  1. PS Brushes / 500種以上（09/08/04現在）のPhotoshopブラシをDL可能
  2. FBrushes! / 大量のPhotoshopブラシやパターンをストック、配布
  3. Brusheezy! / 厳選されたハイクオリティなフリーPhotoshopブラシを配布
  4. Qbrushes / 数多くのクオリティの高いブラシをストック。探しやすい
  5. myPhotoshopBrushes / ブラシやパターン、カスタムシェイプを数多くそろえる
  6. blendfu / ブラウザで試してからDL出来るブラシ配布サイト
  7. GetBrushes.com / クールなブラシを数多くストックしている
  8. In Obscuro / クールなブラシがあるけど商用不可
  9. CHEZ PLUMEAU / シンプルで探しやすいPhotoshopブラシ配布サイト

ベクター素材

  1. Vecteezy / クオリティの高いベクター画像をフリー配布
  2. FreeVectors.net / かなりの数のベクター画像をダウンロード可能。登録も受付
  3. vector4free / ベクター画像のポータルサイト。ライセンスは素材ごとに確認
  4. Vector Logo Database / 企業ロゴをダウンロード出来る。要ユーザー登録
  5. Qvectors / フリーの高品質なベクター画像をダウンロード可
  6. Vector Portal / クリエイティブコモンズの元、フリーでダウンロード可能
  7. VectorStock™ / ロイヤリティフリーのベクター画像を大量にストック
  8. Vectors / 数百種以上のベクター素材をストック

ファビコンジェネレーター

  1. favicon2dots / 画像をdotで再現してファビコン化するジェネレーター
  2. favikon / 手軽に画像からファビコンを作成出来る
  3. favicon.cc / オンラインのファビコンエディターで自作ファビコンを
  4. Genfavicon / Ajaxで軽快に画像から切り抜いてファビコン生成するサービス
  5. Bradicon! / シンプルで登録不要のファビコンジェネレーター

ボタンジェネレーター

  1. My cool button / Web2.0風のボタンに用意されているアイコンも埋め込める
  2. Buttonator / ドラッグ＆ドロップでボタンを生成できる
  3. Button Maker Online / 小さいRSSボタン作成等に便利なサービス
  4. tabs generator / タブをオンラインでデザイン出来る
  5. Button Maker / 国産の細かく設定できるボタン生成ジェネレーター
  6. As Button Generator / 国産ボタン生成サービス。細かい設定が可能で使い易い
  7. button-download.com / ジェネレーターではないけど全て商用利用可能
  8. BannerSnack / かっこいいFlashバナーを簡単作成
  9. Fresh Generator / グラデーションや角丸のエレメントを作成
  10. ButtonBoost / 透明感あるボタンをオンラインで生成

背景画像

  1. Tiled backgrounds designer / シームレスなパターン画像を生成できる
  2. Stripemania / 背景などに使えるストライプ画像をオンラインで生成
  3. Stripe Generator / Web2.0っぽいストライプ画像を簡単生成
  4. Squidfingers / 150点以上の繊細でシームレスなパターン画像をストック
  5. SeamlessTextures / 写真っぽいのにシームレスなパターン画像を配布
  6. ftg / Fireworksで使える無料のテクスチャ300種を配布
  7. ava7 patterns / 400以上のパターン画像シームレス画像を配布している
  8. DinPattern / 商用も無料で使えるパターン素材を配布
  9. Kaliber10000 / ドット絵で容量を抑えたシームレス画像をダウンロード出来る
  10. Pattern8 / 無料で商用サイトやプロダクトデザインに利用できるパターン素材を配布
  11. Tartan Designer / 可愛らしいタータンチェック柄をデザインするジェネレーター
  12. Repper / 手持ちの画像からパターン画像を生成できる
  13. Pattern Cooler / カラーやシンボルを合わせてパターン画像を生成

写真素材

ネタ帳さんのエントリの元、僕が確認した商用OKなサイトのみに絞っています

  1. 海外サイトpublic domain photos.com / public domainで5000の写真を配布
  2. 海外サイトCepolina Photos / クレジット表記で商用無料になる写真配布サイト
  3. 海外サイトBurningWell.org / public domainで配布される写真素材サイト。景色多目
  4. 海外サイトImage * After / 20000点以上の写真素材が個人商用問わずフリー
  5. 海外サイトFreeDigitalPhotos.net / 600px程度は無料利用可能
  6. 海外サイトImageBase / クリエイティブコモンズで提供。ポルノ、不法サイト、等はダメ
  7. 海外サイトpublic domain image gallery / 名の通り、public domainの写真をストック
  8. 海外サイトFreePhotos.se / こちらもpublic domainの写真をダウンロード可能。植物多目
  9. 海外サイトFreePixels.com / 個人商用利用可との事。クオリティも高め
  10. 海外サイトiLoveStock / ポルノ、非合法等、宣伝の為に人物等を使わない限り商用可
  11. 海外サイトMORGUEFILE / 商用利用可の写真を探しやすくカテゴライズ
  12. 海外サイトrePublicDomain.com / public domainで写真素材を提供してくれている
  13. 海外サイトstock.xchng / 基本的に無料だけど制限がある場合はDLボタン脇に記述あり
  14. 海外サイトFree Stock Photography / 制限無しで使いたい放題の写真配布サイト
  15. 足成 / 国産のフリー写真素材配布サイト。人物も商用可で貴重

その他

  1. Ajaxload / Ajaxのロードアニメーションを生成できる
  2. Load Info / こちらもローディング画像をオンライン生成可
  3. thumbalizr / Webページのスクリーンショットを生成する
  4. 3D-box maker / 3Dパッケージをデザインできるジェネレーター
  5. E-Mail Icon Generator / メールアドレスを画像として作成してくれる
  6. Logo Creator / 日本語でも生成可能なWeb2.0風のロゴ作成ジェネレーター
  7. Stripe Designer / 様々なストライプ画像を生成するオンラインエディター
  8. animoto / 画像と音楽をアップロードすると動画を作成してくれる
  9. Preloaders / かわいいローディング画像を生成できる
  10. odosketch / ブラウザで行えるスケッチ風のペイントツール
  11. gifmake / Gifアニメを作成したり切り離したり出来る
  12. tutsearch / Photoshopなどのチュートリアル検索エンジン
  13. Font Image Generator / フォントを画像化してくれる
  14. QuickRibbon / 角によくある「リボン」を簡単に生成
  15. Open Web Tools Directory / Web開発に使えるWebツールのディレクトリ

画像加工関係

  1. Snipshot / 様々な拡張子で保存できる高機能画像加工サイト
  2. pikifx / ブラウザオンリーで高度な画像加工が出来る
  3. Pixelmator / GPUを使った、動作の速いオンライン加工ツール
  4. SUMO / Photoshop並みの加工が出来る高機能加工ツール
  5. Splashup / 通称「オンラインのPhotoshop」操作感もかなり似ている
  6. Aviary / 加工のみならず多機能なWebサービス
  7. Picnik / 加工以外にフレームや図形も追加できる高機能サービス
  8. pixer.us / 手軽で登録不要のオンライン画像加工サービス
  9. Vector Magic / どんな画像もベクター画像に変換できる
  10. Preloadr / Flickr上の画像をオンラインで高度に加工
  11. FotoFlexer / 写真編集ソフトの基本的な機能を全て持ち合わせた加工ツール

フレーム・ネタ・その他

  1. ImageChef / 写真に文字を入れた画像を作ってくれる。一部日本語不可
  2. Image Mosaic Generator / 画像をモザイク画に変換してくれるサービス
  3. BeFunky.com / 写真を加工してイラスト風にしてくれるWebサービス
  4. 海外サイトImage reflection generator / 画像に反射を加えてくれるサービス
  5. PhotoFunia / 顔写真をフレームと合成できるWebサービス
  6. 海外サイトFunny Photo / フレームを使って合成写真を作成できる
  7. Dumpr / 写真を使ってフレームと違和感なく合成できる
  8. rsizr / 画像を違和感無く引き伸ばせるWebサービス
  9. 幕末古写真ジェネレーター / 幕末写真っぽく加工してくれる
  10. Warning Label Generator / 警告文を作成してくれるサービス
  11. Polaroize / 写真をポラロイド写真風に変換してくれるWebサービス

その他

  1. smush.it / サイト内の画像を一気に最適化してくれる
  2. Online Image Optimizer / png、gif、jpgの縮小と最適化をしてくれる
  3. resize image / 画像を綺麗にリサイズできるWebサービス
  4. EasyPhotoResize / オンラインで画像をリサイズ

カラー関係

もっと良さ気なツールもあったけどウィルス検出されたのでリンクしていないWebサービスも。

  1. Colors Palette Generator / 画像から使用されているカラーを抽出しパレット生成
  2. 海外サイト Color Scheme Online / オンラインのシンプルなカラースキームジェネレーター
  3. ColorJack / 色彩の理屈に合ったカラーを教えてくれるオンラインカラーツール
  4. Color Scheme Designer 3 / 見やすいインターフェースのカラースキーム
  5. 海外サイトcolorhunter / 画像からパレットを生成してくれるWebサービス
  6. 海外サイトcolr.org / 画像ファイル（Flickrからも可）のビットマップから色を抽出
  7. Pictaculous / 画像をアップロードするとカラーパレットを生成。携帯にも送れる
  8. ColoRotate / ３Dモデルのカラースキームジェネレーター

.htaccessジェネレーター

  1. .htaccess Editor / 国産で使いやすい.htaccessジェネレーター
  2. Mobile IP htaccess Maker / 国産。携帯以外のIPを制限するhtaccessを生成
  3. 海外サイト.HTACCESS Banning Generator / 特定のIPを拒否する.htaccess設定
  4. .htaccess file generator / 自動で.htaccessを設定できるジェネレーター

その他便利なジェネレーター

  1. jotForm / 直感的にフォームを生成可能
  2. pForm / こちらもフォームを簡単生成できるサービス
  3. Zamzar / オンラインでファイルをコンバートするWebサービス
  4. kwout / Webページをキャプチャして引用できる。ブックマークレットも
  5. WordOff / HTMLから不要なタグを除去してくれる
  6. vozMe / 入力したテキストをMP3でDL出来る

プログラミング

はっきり申し上げますと、僕は全然詳しくないのでご意見頂けると嬉しいです。

ツール

  1. PHPコード変換機 / PHPコードをカラーリング＆自動リンクしたＨＴＭＬに変換
  2. DamnIT / JavaScriptのエラーをメールで知らせてくれる
  3. 海外サイトJavascript compressor / JavaScriptファイルをオンラインで圧縮可能
  4. 海外サイトBookmarklet Builder / 一行にまとめてブックマークレットを生成
  5. packer / コードを圧縮して盗用を防ぐ保護ツール
  6. JsDecorder / 難読なコードを読みやすくしてくれる
  7. 海外サイトjQuery Tools / タブとやツールチップ等の入ったjQueryのUIコレクション
  8. Scratch / 子供、初心者向けのプログラミング養成ツール。日本語対応

デバックツール

  1. Microsoft Script Debugger / IE用のデバックツール
  2. 海外サイトThe JavaScript Verifier / ブラウザで動く構文チェッカー

その他

  1. TextSnip / コードを共有できるオンラインサービス
  2. Friendpaste / ソースコードを共有、編集できるサービス
  3. ScriptCopy.com / 有名サイトのクローンソースを検索できる
  4. CodeSnippet / 各プログラミング言語のコードを検索できる
  5. Koders / ライセンスも含めてソースコードを検索できる
  6. Google Code Search / Google提供のコード検索エンジン
  7. 夢幻 / PHP、CGIファイルのディレクトリサイト。無料と有料

オープンソースのCMS

全部オープンソースで日本語環境が有る、または僕個人が気に入っているものに限定しています。

総合

  1. Geeklog / ブログ＆コミュニティを構築できるオープンソースのCMS
  2. Xoops / 高機能で使いやすい人気のオープンソースCMS
  3. Joomla! / Wiki、チャット、フォーラムなど多数の拡張機能の使えるCMS
  4. NetCommons / SNS、e-ラーニングサイト等を簡単に実現できるCMS
  5. PHP-Nuke / 高機能なポータルサイトを構築できるオープンソースのCMS
  6. Plone / エンタープライズ指向のCMSソリューションで様々なOSで動作する
  7. MODx / シンプル且つ高機能なライトなCMS。導入法を書きました
  8. Drupal / 人気の高いCMSでモジュールも豊富に存在する
  9. OpenCms / 実績のある高機能CMS。エンタープライズ向け
  10. 島根県CMS / 国産で行政サイト向けに作られたRuby on Rails製CMS
  11. SOY CMS / 純国産のGPLで配布されるCMS。有償Ver.もある
  12. eZ Publish / コーポレートサイトはもちろん、ECサイトなども構築できるCMS

ブログエンジン

  1. WordPress / PHP、MySQLで動く有名なブログエンジン。当ブログも使用中
  2. Nucleus / マルチユーザーに特化したオープンソースのブログエンジン
  3. b2evolution / マルチブログに対応し、多言語対応もしているブログエンジン
  4. MTOS / Movable Type オープンソース・プロジェクト。人気の高いブログエンジン
  5. Melody / MTのオープンソースプロジェクト。始動は2009・秋
  6. blosxom / Perlで書かれた超軽量のブログエンジン
  7. WebFrog / 国産でDB不要のライトなPHPで書かれたブログエンジン

ECサイト

  1. EC-CUBE / 国産のECサイトを構築するCMS。若干インストール可なサーバーが高め
  2. osCommerce / 海外でも普及率の高いECサイト構築用CMS。国内は情報少なめ
  3. Zen Cart / 同じく人気の高いEC用CMSで情報も少ないのが欠点
  4. Magento / 多言語対応のCMSで日本語パッチも存在
  5. Freeway / モノだけでなく、予約販売、チケット等の販売にも向いている

SNS・フォーラム

  1. OpnePNE / 最も国内で普及しているSNS構築のオープンソース
  2. MyNETS / OpnePNEの派生で2007年に始動したSNSソフトウェア
  3. hitSuji / コミュニティ、メンバー機能など一通りの機能を備えた国産SNS構築CMS
  4. BuddyPress / WordPressの大規模なプラグインでSNS化させるプロジェクト
  5. bbPress / WordPressのフォーラムで使用しているCMS。導入法書きました
  6. phpBB / フォーラムを構築するCMSだが日本語情報が少ない

その他

  1. PukiWiki / Wikiを構築するオープンソースのCMSでPHP5以上で動作
  2. Pligg / Diggのクローンでオープンソース化されている。レビュー書きました
  3. scuttle / deliciousのようなオンラインブックマークを構築する

SEO、Webサイトチェック

SEO関連のWebサービスやツール。無料SEO対策ブログさんの記事を参考にしています。

総合

  1. SEOチェキ！ / 友達のロプちゃん作。最も使える総合SEOツール
  2. Pythagoras / ほぼ全てのチェックが可能なSEOツール。やや重い
  3. SEOTOOLS / 特定URL＋キーワードからサイトを総合分析
  4. Website Grader / サイトをSEOの視点で評価してくれる

キーワード

  1. Googleキーワードツール / Googleのキーワード検索回数や関連キーワードを表示
  2. フェレットプラス / 2007年迄のYahoo!の検索回数や関連キーワードを表示
  3. 関連語句・複合語マーケティング / 関連キーワード、類語キーワードを表示
  4. Googleトレンド / キーワード検索回数の増減をグラフで表示
  5. キーワード最適化ツール / サイトを指定しない場合は、検索ボリューム
  6. 日本語分割チェッカー / キーワードを幾つの単語に分割して認識しているか調査
  7. Wikipedia article traffic statistics / Wikipediaにおけるキーワード情報サーチ

アクセス解析

  1. Google Analytics / アクセス解析の標準の市民権を得ているWebツール
  2. Yahoo!アクセス解析 / リアルタイム型のアクセス解析。2009/8現在ベータ版
  3. リサーチアルチザン / リアルタイム型。広告表示一切なしの国産アクセス解析
  4. ClickTale / ヒートマップサービス。無料版は制限あり
  5. なかのひと / 企業や主要機関のアクセスを解析するサービス。携帯用も
  6. Google Ad Planner / ログイン不要で他サイトのPV数やUUを測定できる
  7. Yahoo!ログール / Yahoo!提供の解析も出来るブログパーツ

表示チェック

  1. WebWait / サイトの表示スピードをURLを入力してチェックできる
  2. ファイルサイズ / 表示に必要な合計サイズと表示時間の判定
  3. Site24×７ / Webサイトのファイル単位の読み込み時間までもが測定できる
  4. ファイルサイズ計測ツール / HTMLファイルのサイズをオンラインで計測
  5. ViewLike.Us / 様々な解像度でWebページをチェックできる
  6. Webslug / 表示スピードを他サイトと比較できる
  7. HAREL / HTMLやcssの構文をチェックして点数付け
  8. Browsershots / 様々なブラウザでの表示状態をチェック

sitemap.xmlジェネレーター

  1. sitemap.xmlジェネレータ(ケータイサイト対応) / 携帯のsitemapにも対応
  2. XML-sitemaps.com / オンラインでsitemap.xmlを自動生成

その他

  1. リンクチェッカー / 内外部のリンク切れをチェック
  2. MSTブラウザ / ページ内の使用タグごとに使われているキーワードを調査
  3. SEO-Browser / 検索エンジンがページをどう見ているかをチェック
  4. Another HTML-lint gateway / 有名なHTMLの文法チェックサイト
  5. xhtml-css / マークアップの正誤を確認できる見易いWebツール
  6. W3C HTML / W3C運営のHTMLチェック。100点になるとステッカーを貰える
  7. SEOリッチ / モバイルサイトの順位をPC上で確認できる
  8. BlindSearch / bing、Yahoo、Googleで同時検索し順位比較
  9. urlmetrix / バックリンク数やインデックス数を調査

各種リファレンス/チートシート

  1. Webカラー / Web原色辞典。カラーで検索可能
  2. HTML4.01 / HTML4.01リファレンス
  3. XHTML リファレンス / XHTML のリファレンスサイト
  4. css / ｃｓｓクイックリファレンス。目的別になっている
  5. CSS 3 / CSS 3クイックリファレンス。海外サイト
  6. PHP / 日本語で読めるPHPマニュアル
  7. JavaScript / JavaScript日本語リファレンス。見やすい
  8. Perl / Perlリファレンス。日本語。関数名でも検索可
  9. jQuery / jQueryリファレンス。日本語
  10. MySQL 逆引き / MySQL 逆引きリファレンス。やりたい事から探せる
  11. Ruby / Rubyリファレンスマニュアル。1.6～1.9対応
  12. リファレンス検索 / 友達のさくらさん作のリファレンス検索

チートシート

  1. PHPチートシート / PHPのチートシート集
  2. JavaScriptチートシート集 / JacaScriptのチートシート集
  3. HTML 5チートシート / HTML5のチートシートPDF
  4. cssチートシート / 1ページに集約されたチートシートPDF
  5. Perl 5 / Perl 5のチートシート日本語
  6. jQuery 1.3 / jQuery 1.3のオンラインチートシート
  7. MySQｌチートシート / MySQLのコマンドチートシート
  8. 日本語チートシート / 様々なチートシートを日本語化したもののまとめ記事
  9. チートシートまとめ / 様々なチートシートのまとめ記事
  10. 検索コマンド / 検索エンジンで使える基本的な検索コマンドチートシート
  11. Wp-help-sheet / 日本語化したHTML版WPチートシート
  12. 升汁 / チートシート検索エンジン。精度が鍵か

Firefoxアドオン

  1. FireBug / js、html、cssのデバッグ、モニタ
  2. Html Validator / マークアップのW3Cチェックを行う
  3. ViewSourceWith / 好みのエディタでソースを開ける
  4. ColorZilla / カラーピッカー。Webサイトの好きな所のカラーを調べる
  5. CS Lite / Cookie内を自由に編集する
  6. IE Tab / IEの表示を確認できるけどメモリリークを起こす・・
  7. ScrapBook / ローカルへのページ保存。多機能
  8. Web Developer Toolbar / 超多機能なWeb開発者向けアドオン
  9. FireFTP / その名の通りFTP用ツール
  10. YSlow / FireBugと連携するアクセシビリティチェックツール
  11. Extended Copy Menu / Webページの1部のHTMLをコピーできる
  12. SEO For Firefox / 総合的なSEO系アドオン
  13. CSSViewer / ページのｃｓｓプロパティをサクッと表示
  14. FireMobileSimulator / au、docomo、softbankでのブラウザをシミュレート

※キリがないのでフリーソフトは含めませんでした。良かったらお勧めを。
ご要望があれば含めます。

プログラミングの情報が極めて貧弱です。詳しい方、ご教授頂ければ幸いです。

Resources & Tools

Resource全記事 →

OSS

OSS全記事 →

AI

AI全記事 →

CSS snippet

CSS全記事 →

JavaScript snippet

JavaScript全記事 →

WordPress Code

WordPress全記事 →