Web制作に便利なツール｜ BLOG｜デザインワークス【栃木県佐野市】

Web制作に便利なツール

WordPressブログにHTMLソースを表示するプラグイン Crayon Syntax Highlighter

タイトルの通り、WordpressブログにHTMLソースを表示するプラグイン Crayon Syntax Highlighterのご紹介と、軽く上手くいかなかったのでその解消方法のご紹介です。 Webの制作や、エン... 続きを読む

Web制作に便利なツール

すこし前なら、グラデーションは画像ソフトで作成したものでしたが、最近はCSSでできるため、画像ソフトを開かずにできて便利ですね。つい最近、制作しているホームページで、文字のグラデーションがありまして、画像... 続きを読む

Web制作に便利なツール

ホームページを作成時、テキスト色と背景色の指定、どうしていますか？背景色とテキストのコントラストが低い場合、「隠しテキスト」としてペナルティーを受けてしまうことはご存知かと思います。「そんなことは知ってる... 続きを読む

SEO対策関連

今回は、Chormeの拡張機能でSEO対策のチエックができる「SEO Quake」の使い方と感想になります。下記のSEO対策チェックを簡単に行えるということで、試してみました。チェック項目の概要ページ情報... 続きを読む

SEO対策関連

今回は、SEOにも役立つGoogle監査ツール Lighthouseの使い方とレポートをお届けします。 Googleさんによると、このツールに以下の説明が記載されてます。 Lighthouseはオープンソースの自動化... 続きを読む

SEO対策関連

今回は、レスポンシブデザインのWebサイト制作完了時の確認作業に必須のツール。 Google モバイルフレンドリーテストツールです。 Google モバイルフレンドリーテストツール https://search... 続きを読む

SEO対策関連

Google のスピード計測ツールと言えば、Google Pagespeed Insights でしたが、モバイルサイトの速度をテストできるGoogle「Test My Site」ツールというのが公開されていたので... 続きを読む

Web制作に便利なツール

今回は、WEBサイトの制作時にすご〜く重宝している、画像比率のサイズ算出ツール　をご紹介します。任意の数字を入力するだけで、黄金比や白銀比、写真などで使われる3対4の比率など、希望の比率で、自動でサイズを算出... 続きを読む