カテゴリ:便利なサービス

自分のWEBサイトにTwitterのツイートボタンを設置する方法

投稿日:2017年12月13日
最終更新日:

近年はWEBサイトに人を集める上でSNSがかなり重要な要素となってきていますが、やはりボタン一つで自分のWEBページのURLを広めてもらえるようにツイートボタンは設置しておきたいところです。このページでは、自分のWEBサイトにツイートボタンを設置する方法を解説します。

もくじ

  • ツイートボタンの作り方(基本)
  • ツイートボタンの作り方(カスタマイズ)
続きを読む

スマホ向けWEBサイトのURLを入力するだけで100点満点中の点数と改善の余地がある箇所を分析してくれるサービス「Mobile Website Speed Testing Tool」

投稿日:2017年10月07日
最終更新日:

WEBサイトを構築する上で、ページの表示速度は大変重要な要素です。しかし、改善すべき点を人力で探し出すのはなかなか大変な作業です。Googleが提供している「Mobile Website Speed Testing Tool」を使えば、スマホ向けWEBサイトのURLを入力するだけで100点満点中の点数と改善の余地がある箇所を分析してくれます。

もくじ

  • 「Mobile Website Speed Testing Tool」の概要
  • 使い方・結果の見方
続きを読む

Googleマップの地図をWEBページに貼り付ける方法(特定の場所から特定の場所へのアクセスマップ)

投稿日:2016年11月17日
最終更新日:

どこかのお出かけスポットなどへのアクセス地図を用意したいときなどのために、Googleマップの地図をWEBページに貼り付ける方法を解説します。

もくじ

  • 手順1.Googleマップで任意の2地点を指定し、2地点間の交通手段を指定する
  • 手順2.地図貼り付け用のHTMLタグを取得する
続きを読む

任意の画像のある地点をクリックしてRGBカラーコードを取得できるサービス「画像カラーピッカー」

投稿日:2016年08月14日
最終更新日:

WEBサイトのデザインにおいて、「色」は重要な要素です。CSSで色を指定する際には「RGBカラーコード」が使用されることがありますが、今回は任意の画像のある地点をクリックして、その地点の色のRGBカラーコードを取得できるサービス「画像カラーピッカー」を紹介します。

もくじ

  • 「画像カラーピッカー」の概要
  • 使い方
続きを読む

欲しい色を効率よく絞り込んでいくタイプのWEB上のカラーピッカー

投稿日:2016年08月05日
最終更新日:

WEBサイトを制作する時などに、イメージ通りの色を調達しようとして、色のパラメータ調整に苦労した経験がある方もいるかと思います。今回は、選択肢の中からイメージに近い色を選択して、欲しい色を効率よく絞り込んでいくWEB上のカラーピッカーを紹介します。

もくじ

続きを読む

目的の色のカラーコードを様々な形式で取得できるカラーピッカー「HSL Color Picker」

投稿日:2016年08月04日
最終更新日:

WEBサイトのデザインを設定するCSS(スタイルシート)では、様々な形式で色を指定することが出来ます。RGBaやHSLaで指定すれば、色の透明度も指定できます。しかし、目的の色を出すためのカラーコードを自分で調べるのは面倒です。そんな時は「HSL Color Picker」などのカラーピッカーを使いましょう。

もくじ

  • 「HSL Color Picker」の概要
  • 使い方
続きを読む