WEB

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というツール...
WEB

GoogleVRを使ってVRコンテンツ(360度全天球画像)を自分のサイトに埋め込む

RICOHのTHETA(シータ)などの360度カメラで撮影した全天球画像や動画を、VRコンテンツとして自分のサイト(ホームページ)に埋め込むためには、GoogleVRの「VR View」を使うことができます。 無料で使え、実装も楽なので、コ...
WordPress

WordPressでWebPを使うための設定

WebP(ウェッピー)というのは、Googleから提供されている静止画像のフォーマットで、拡張子は.webp。JPEGやPNGよりもファイルサイズを小さくできるメリットがある画像形式です。 Webサイトの読み込み速度を改善させるための一番の...
WordPress

サーバをロリポップからXServerに変更しました

このブログをロリポップで開設してから、ずっとPHPやMySQLを更新しないまま運用してきました。 さすがにサポートが終了したバージョンを使い続けるのはマズいので、PHPは7.3系に変更。MySQLも5.7か、せめて5.6にしたかったのですが...
WEB

Googleアカウントを削除しようと思ったら詰んだお話

以前、店舗の営業日カレンダーをサイト上に載せたくて作成したGoogleアカウント。 今は店舗名が変わってしまい、別のアカウントを新たに作成したこともあり、古い店舗名のアカウントは削除しようとしたところ、削除できず八方塞がりになってしまったの...
WordPress

WordPress Popular Postsをアップデートしたら表示が崩れた!

WordPress Popular Postsのバージョン5.0.0が来ていたので更新したところ、Simplicity2上で人気記事のウィジェット表示が崩れてしまいました。 サムネイルの左側にドットが表示されているし、タイトル部分に重なるよ...
スポンサーリンク