スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

サイト作成に欠かせないサイトやサービスなどを20個

私がサイトを作る際によくお世話になっているサイトやサービス、フリーソフトを紹介します。個人的に見ているものだけなのでまだまだあると思いますが、ご参考になればうれしいです。
まずはインスピレーションが刺激されそうなギャラリーを。

週間ウェブデザイン

週間ウェブデザイン

次の「あんじょうできてはる」が更新停止になっているのでこちらを。1ページあたりの表示数が多いので探しやすいですね。

あんじょうできてはる

あんじょうできてはる

Webデザインのギャラリーはたくさんありますが、見やすさ探しやすさでこちらをよく見ます。更新は止まっちゃってますが。。

MephoBox

MephoBox

ヘッダーやフッターなど部分的なものにこだわった海外のギャラリーです。404やナビゲーションなんかもあり参考になります。

ロゴストック

ロゴストック

日本を中心にかなりの数のロゴが集められています。管理人さんや訪問者の評価も見ることができて参考になります。


フリーの素材集です。「ロイヤリティフリーなフリーフォト、無料写真素材サイトのまとめ」もご参考に。

プロ・フォト

プロ・フォト

無料の写真素材です。登録もいらず手軽に使えます。

Free Photos Bank

Free Photos Bank

海外のサイトならここ。カテゴリ分けされていて見やすいです。

famfamfam.com

famfamfam.com

このブログでもお世話になっているサイトです。小さいのでワイポイントにどうぞ。

Free Icons Web

Free Icons Web

膨大な数のアイコン集です。


背景関連の画像を作るときに使います。

Stripe Generator

Stripe Generator

ストライプの模様を作るならここ。ストライプの幅はもちろん、影や柄なども自由自在です。グラデーションもつけることもできます。

bgMaker

bgMaker

背景パターン作成サイトです。サイズは自由に変更できて、リアルタイムで背景に提要されて確認できるので便利です。

PictBear

PictBear

こちらはフリーソフトです。上2つで納得いかない場合は自分で作ります。illustratorもあるけど簡単なパターンだったらこっちの方が手軽かも。あと画像サイズを変更するときなんかも使ってます。


あまり色には詳しくないので、基本的にはこの2つのサイトから色を選んでいます。こだわりだすときりがないと思うので、ここら辺が無難だと思います。

Web Safeカラー 216色 - TAG Index

Web Safeカラー 216色

カラーコード表 - TMLリファレンス

カラーコード表 - TMLリファレンス
タグ関連のリファレンスサイトです。英語はそんなに得意ではないので日本語のサイトを見ています。

TAG Index

TAG Index

HTMLやCSSで分からないことや確認したいことがあればこちらを参考にしてます。同じようなサイトは色々ありますが個人的にはここです。

とほほのJavaScriptリファレンス

とほほのJavaScriptリファレンス

javascriptならこちらを参考にさせていただいています。


スクリーンショット - 無料バナー作成工房

スクリーンショット - 無料バナー作成工房

海外にも色々ありますが、ここが一番だと思います。幅は自由に決められて、長さは最後まで撮ってくれます。

HTML特殊文字変換ツール

HTML特殊文字変換ツール

特殊文字を表示する際は変換する必要があるのでこちらを使います。コードを載せるときなどに。

こちらは空白も反映されるので便利です → PHPプログラム 特殊文字変換ツール

漢字が使える日本語フォント 無料ダウンロード 46種類

漢字が使える日本語フォント 無料ダウンロード 46種類

日本語フォントのまとめです。充実の46種類です。本文に使うことはないですがロゴを作るときなんかに使ってます。


サイトがある程度できあがったときの確認に使います。

IETester

IETester

IEをバージョンごとで表示確認できるフリーソフトです。他のブラウザは直接確認していますが、IEは人によってバージョンが様々なのでこちらを使います。

Pingdom Tools

Pingdom Tools

サイトの読み込み速度を測定するサイトです。リアルタイムで表示されて面白いです。

W3C Markup Validation Service

W3C Markup Validation Service

あまりしませんが構文チェック。直しようのないところもあるし、いつもひどい結果です。

フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント
サイトツクール
http://sitetkool.com/

このサイトも超便利!!!!
【2012/09/13 15:15】 | さくまけい #nLnvUwLc | [edit]
はてなブックマークからきました

とても参考になりました

ありがとうございます
【2013/04/30 20:46】 | ユッキー #MP6OAdhI | [edit]









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。