klee

Free Website Templates

お役立ちサイトいろいろ

管理人がテンプレート制作でよく利用させていただくサイトを挙げました。いつもありがとうございます!
The W3C Markup Validation Service
HTMLのチェックツールです。HTMLやCSSの標準化を行なっている団体が提供しています。
Another HTML Lint - Gateway
HTML文書を採点できます。日本語対応。「よくできました」を貰えると嬉しくなります。
Another HTML-lint gateway
HTML文書を採点できます。日本語&HTML5対応。
W3C CSS 検証サービス
CSSが正しく書けているかチェックできます。
Google Fonts
おなじみWebフォント。サイトタイトルや見出しをおしゃれにしたいときにぜひ。
WEB色見本 原色大辞典
色とタグが一目で分かります。和色大辞典と洋色大辞典にも素敵な色がたくさん。
TinyPNG
ドラッグ&ドロップするだけでPNG画像を軽量化できます。
「見た目変わらないのにこんなに軽くなるなんて!」と驚くこと間違いなし。
JPEGmini
JPEG画像の軽量化ツール。こちらもすごい!
QRコード(二次元バーコード)作成
スマートフォンで長いURLを入力せずに済むので助かります。画像入りのQRコードも作成できるようです。
Rainy Mood
雨の音を聞きながら作業したいときに。落ち着きます。

カスタマイズに役立つフリーソフト

皆様お勧めのソフトもぜひ教えてください!
テキスト・HTMLエディタ - Crescent Eve
メモ帳でサイトを作っている人には特におすすめ!入力支援が優秀なのでHTML・CSSの編集がすごく捗ります。
Crescent Eveのいいところは…
  • タグや属性の入力候補が出る(から、綴りがうろ覚えでも大丈夫)
  • Shift+Enterで改行タグ挿入
  • Ctrl+Enterで閉じタグ挿入(</ul></div>など)
  • HTMLの文法チェックができる
カラーピッカー - 色採り
「この色きれい!でもカラーコードがわからない」ってときに便利。
スポイトで画面に映っている色を読み込んだり、取得した色を調整して新しい色を作ったりすることができます。
置換ソフト - Devas
フォルダ内のファイルを一括して検索、置換できます。複数行文字列の検索、置換も可能。
たとえば創作サイトならこんな使い方が便利!
  • メールやメモ帳の文章にまとめて改行タグを入れたいとき…¥nで検索して<br>¥nで置換する
  • 全部のHTMLに検索避けタグを入れたいとき…<head>で検索して<head>¥n<meta~>¥nで置換する