klee

Free Website Templates

お役立ちサイトいろいろ

サイト制作に役立つサイトをまとめました。随時追加します。

HTML・CSS構築

The W3C Markup Validation Service
HTMLのチェックツールです。HTMLやCSSの標準化を行なっている団体が提供しています。
W3C CSS 検証サービス
CSSが正しく書けているかチェックできます。
Shoelace - Visual Bootstrap 3 Grid Builder
Bootstrapの複雑なカラムを理解したい時・作りたい時に便利なジェネレーターです。

ウェブフォント

Google Fonts
おなじみWebフォント。サイトタイトルや見出しをおしゃれにしたいときにぜひ。
Font Library
Google Fontsを分類したサイトです。#CARTOONや#STENCILなどフォントの雰囲気ごとに一覧することもできます。

色関連

WEB色見本 原色大辞典
色とタグが一目で分かります。和色大辞典と洋色大辞典にも素敵な色がたくさん。
探索|すべてのテーマ - Adobe Color CC
色の組み合わせを沢山見ることができます。並べ替えや検索も可能。
カラーホイール|カラースキーム - Adobe Color CC
画像を読み込むと色を抽出できます。「カラフル」や「ディープ」など色の雰囲気を変えるのも楽しいです。

サイトを軽くする

TinyPNG
ドラッグ&ドロップするだけでPNG画像を軽量化できます。「見た目が変わらないのにこんなに軽くなるなんて!」と驚くこと間違いなし。
CSS Minifier
CSSファイルの圧縮ツールです。サイトの表示速度にこだわりたい方に。(CSSのコピーを取り、アップロード用と編集用で分けるといいと思います)

そのほか

Abacus Radio
ネット上のラジオ局です。クラシックやジャズ、自然の音など好きなチャンネルを聴けます。

≪ 戻る