サイト作りに役立つサイトをまとめました。管理人も時々使っています。
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色見本 原色大辞典
- 色とタグが一目で分かります。和色大辞典と洋色大辞典にも素敵な色がたくさん。
- Colormind
- 指定した色に合う色をAIが提案してくれます。気に入った色をロックしてシャッフルできます。
- 探索｜すべてのテーマ – Adobe Color CC
- 色の組み合わせを沢山見ることができます。並べ替えや検索も可能。
- カラーホイール｜カラースキーム – Adobe Color CC
- 画像を読み込むと色を抽出できます。「カラフル」や「ディープ」など色の雰囲気を変えるのも楽しいです。
サイトを軽くする
- TinyPNG
- ドラッグ＆ドロップするだけでPNG画像を軽量化できます。「見た目が変わらないのにこんなに軽くなるなんて！」と驚くこと間違いなし。
- CSS Minifier
- CSSファイルの圧縮ツールです。サイトの表示速度にこだわりたい方に。（CSSのコピーを取り、アップロード用と編集用で分けるといいと思います）
BGM
- Abacus Radio
- ネット上のラジオ局です。クラシックやジャズ、自然の音など好きなチャンネルを聴けます。
- Rainy Mood
- 雷の混じった雨の音を聴けます。日替わり曲とのコラボも素敵ですよ。