Warning: getimagesize(https://klee.mypace.net/wp-content/uploads/2018/06/link-600x358.jpg): failed to open stream: HTTP request failed! HTTP/1.1 429 Too Many Requests in /home/stiria/mypace.net/public_html/klee/wp-content/themes/godios/inc/head-func.php on line 102

Warning: getimagesize(https://klee.mypace.net/wp-content/uploads/2018/11/ogp-rectangle.jpg): failed to open stream: HTTP request failed! HTTP/1.1 429 Too Many Requests in /home/stiria/mypace.net/public_html/klee/wp-content/themes/godios/inc/head-func.php on line 111

Warning: file_get_contents(https://klee.mypace.net/wp-content/themes/godios/style.min.css): failed to open stream: HTTP request failed! HTTP/1.1 429 Too Many Requests in /home/stiria/mypace.net/public_html/klee/wp-content/themes/godios/inc/head-func.php on line 300

サイト作りに役立つリンク集

サイト作りに役立つサイトをまとめました。管理人も時々使っています。

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
雷の混じった雨の音を聴けます。日替わり曲とのコラボも素敵ですよ。

Warning: getimagesize(https://klee.mypace.net/wp-content/uploads/2018/06/link-368x234.jpg): failed to open stream: HTTP request failed! HTTP/1.1 429 Too Many Requests in /home/stiria/mypace.net/public_html/klee/wp-content/themes/godios/inc/schema-org.php on line 51