[CSS] 動くグラデーションのライン
ちょっと目立たせたい部分に使用したり、さりげなく動かしたいときに便利な、動くグラデーションライン。 GIFアニメなどで作ってもいいのですが、CSSだけでお手軽...
「WEB」一覧
GoogleAnalyticsでクリックカウント取得
現在、独自のアクセス集計ツールでクリックカウントを取得していますが、Google Analytics（以下、アナリティクス）でもクリックカウントが取得できるので...
サイト外へのリンククリックをGoogleAnalyticsでカウントする
GoogleAnalyticsを使ってサイト内の足あとをたどることができますが、サイト外へのリンククリック数を知りたいと思っても、そのままではカウントできません...
さくらサーバでラピッドSSLからJPRS SSLに乗り換え
さくらのレンタルサーバ（以降、さくらサーバと略）で運用しているサイトの中に、ラピッドSSLの証明書を使用しているサイトがあります。前回は3年で契約していたのです...
[CSS] ブラウザによって縮小画像の画質が違う
Webサイトを作成していたときのこと。 サイズが250×180pxの画像を、画像ファイル側で縮小せずに、CSSで幅180pxに縮小して表示させてみたところ、非...
[CSS] 枠線と文字をグラデーションに
とあるサイトで、ボタンのデザインに「枠線も文字もグラデーション」を指定されたのですが、初めての経験だったので手間取ってしまったため、忘れないようにメモメモ。 ...
ポップアップを「CSSだけ」「jQueryも併用」の2パターン作ってみた
画像の拡大や、詳細情報を表示させるため、など、サイト上でポップアップ表示を使うことはよくあると思います。 ただ表示・非表示するだけなら簡単ですが、徐々にふわっ...
A-FRAMEを使ってVRコンテンツを自分のサイトに埋め込む
少し前に、GoogleVRの「VR View」を使って自分のサイトにVRコンテンツを掲載する方法をメモメモしましたが、今回はA-FRAMEというツールを使ってV...
GoogleVRを使ってVRコンテンツ（360度全天球画像）を自分のサイトに埋め込む
RICOHのTHETA（シータ）などの360度カメラで撮影した全天球画像や動画を、VRコンテンツとして自分のサイト（ホームページ）に埋め込むためには、Googl...
WordPressでWebPを使うための設定
WebP（ウェッピー）というのは、Googleから提供されている静止画像のフォーマットで、拡張子は.webp。JPEGやPNGよりもファイルサイズを小さくできる...