便利でお世話になっているサイトまとめ

便利サイトまとめ

便利サイトまとめ

毎回いろいろと調べるのが面倒になってきたので、役に立つ＆勉強になるサイトをまとめてみました。

どんな時に使われるかはアイコンを参考にしてください。
ドメイン選定略語診断制作ソフト機能拡張

利用頻度が高いものには★印！

サイト

functions-online制作
正規表現の変換確認など事前確認
Can I use選定制作
使えるCSSなどブラウザのバージョン確認
GTmetrix制作診断
PageSpeed Insightsと同じでサイトが開くまでのスコアが確認できます。
PageSpeed Insights制作診断
GTmetrixと同じでサイトが開くまでのスコアが確認できます。
schema.org制作
サイトの構造化の仕様を確認できます。
リッチリザルトテストツール制作診断
リッチスニペットに対応しているか確認。
構造化データテストツール制作診断
サイトの構造化のデバックです。Googleの検索結果に最適な形で表示できます。
構造化の概要制作
構造化の種類とソースのサンプル、設置の仕様が確認できます。
Acronym Finderドメイン略語
単語の使われ方、略としてどのくらい使われているか見れます。サイトのドメイン名を決めたりする時の裏付けや単語の認知度など調べるのに便利です。
Happy Hues制作
サイト制作時にバランスの良いカラーバランスを見れます。色の組み合わせに困ったときに。
Social Media Sizes制作
SNSで使われる画像のサイズを調べることができます。「Sketch」「Figma」「AdobeXD」「Photoshop」のテンプレートとしてダウンロードもできます。
CSS Icons制作
500種類を超えるCSSアイコン集。オープンソース・ソフトウェア（MIT License）です。
WOFFコンバーター制作
TrueTypeフォント、OpenTypeフォントからWebフォントであるWOFF、WOFF2を作成します。WOFF、WOFF2からフォントに戻すこともできます。
検索エンジンランキングチェック診断
ローカルPCにインストールする形の検索エンジンのランキングチェックツール。有名なブロガーやインフルエンサーでも使われてます。
Moz Bar診断
検索結果もしくは各サイトごとに検索可能。Chromeの機能拡張です。
Moz オープンサイトエクスプローラー(Open Site Explorer)診断
サイトごとに検索可能。被リンク（バックリンク）の数など調べます。
Moz キーワードエクスプローラー(Keyword Explorer)診断
キーワードごとに検索可能。

ジェネレーター

CSSのサンプルからjQuaryまで、サンプル付きでコピペで使えるのは凄く助かります！

WordPress テーマ

WordPressでサイト構築をする事が多くなってます。案件に沿ったデザインやレイアウトからテーマを選んでからカスタマイズするのですが、意外とテーマ探しに手間が掛かります。いいなと思ったテーマでも実際は複雑でやりにくく、逆に時間が掛かった事も度々。
使いやすい構造のテーマをピックアップします。

準備中

WordPress プラグイン

WP Import Export Lite制作

その他Tiposなど

ここのリストは、目的のツールやTipsを紹介しているサイトも含みます。

イラストレータ無料ブラシ
検索エンジンランキングチェック診断
ローカルPCにインストールする形の検索エンジンのランキングチェックツール。有名なブロガーやインフルエンサーでも使われてます。