CSS [CSS] 動くグラデーションのライン
ちょっと目立たせたい部分に使用したり、さりげなく動かしたいときに便利な、動くグラデーションライン。 GIFアニメなどで作ってもいいのですが、CSSだけでお手軽に再現できましたので、ソースをメモメモ。 サンプルソース HTML <div cl...
CSS 
WEB GoogleAnalyticsでクリックカウント取得
現在、独自のアクセス集計ツールでクリックカウントを取得していますが、Google Analytics（以下、アナリティクス）でもクリックカウントが取得できるので、全てのアクセス情報をアナリティクスに集約することにしました。 しかし、クリック...
WEB サイト外へのリンククリックをGoogleAnalyticsでカウントする
GoogleAnalyticsを使ってサイト内の足あとをたどることができますが、サイト外へのリンククリック数を知りたいと思っても、そのままではカウントできません。 そこで、GoogleTagManagerと連携して、サイト外へのリンククリッ...
WEB さくらサーバでラピッドSSLからJPRS SSLに乗り換え
さくらのレンタルサーバ（以降、さくらサーバと略）で運用しているサイトの中に、ラピッドSSLの証明書を使用しているサイトがあります。前回は3年で契約していたのですが、その有効期限が来てしまったため、契約更新を行う予定でした。 しかし、さくらサ...
CSS [CSS] ブラウザによって縮小画像の画質が違う
Webサイトを作成していたときのこと。 サイズが250×180pxの画像を、画像ファイル側で縮小せずに、CSSで幅180pxに縮小して表示させてみたところ、非常にぼやけた画像になってしまいました。 しかし、別のPCで確認すると、ぼやけずには...
CSS [CSS] 枠線と文字をグラデーションに
とあるサイトで、ボタンのデザインに「枠線も文字もグラデーション」を指定されたのですが、初めての経験だったので手間取ってしまったため、忘れないようにメモメモ。 実現できるものの、ちょっと面倒でした。 まずは出来上がりから ということで、枠線と...
JavaScript/jQuery ポップアップを「CSSだけ」「jQueryも併用」の2パターン作ってみた
画像の拡大や、詳細情報を表示させるため、など、サイト上でポップアップ表示を使うことはよくあると思います。 ただ表示・非表示するだけなら簡単ですが、徐々にふわっと表示（フェードイン）させたり非表示（フェードアウト）させたり、となると、少し工夫...
WEB A-FRAMEを使ってVRコンテンツを自分のサイトに埋め込む
少し前に、GoogleVRの「VR View」を使って自分のサイトにVRコンテンツを掲載する方法をメモメモしましたが、今回はA-FRAMEというツールを使ってVRコンテンツを掲載する方法をメモメモしてみます。 このA-FRAMEというツール...
Windows winmail.datが添付されてきたら
記事としてはだいぶ前に下書きしていたものですが、今でもときどきwinmail.datが添付されてくることがあるので、このファイルの対処法をメモメモ。 ツールを使って簡単に復元 手元でサクッと対処したい場合は、「Winmail Opener」...
Windows PowerDirectorでプロジェクトファイルや素材を移動したい場合
PowerDirectorで動画を編集し、そのまま保存したプロジェクトの場合、使用した素材ファイルの置き場所を変更したり、プロジェクトファイルごと移動したりすると、次回プロジェクトを開いた際に素材が読み込めなくなってしまいます。 原因は、プ...