WEB

[CSS] ブラウザによって縮小画像の画質が違う

Webサイトを作成していたときのこと。サイズが250×180pxの画像を、画像ファイル側で縮小せずに、CSSで幅180pxに縮小して表示させてみたところ、非常にぼやけた画像になってしまいました。しかし、別のPCで確認すると、ぼやけずには...

[CSS] 枠線と文字をグラデーションに

とあるサイトで、ボタンのデザインに「枠線も文字もグラデーション」を指定されたのですが、初めての経験だったので手間取ってしまったため、忘れないようにメモメモ。実現できるものの、ちょっと面倒でした。まずは出来上がりからということで、枠線と...

ポップアップを「CSSだけ」「jQueryも併用」の2パターン作ってみた

画像の拡大や、詳細情報を表示させるため、など、サイト上でポップアップ表示を使うことはよくあると思います。ただ表示・非表示するだけなら簡単ですが、徐々にふわっと表示（フェードイン）させたり非表示（フェードアウト）させたり、となると、少し工夫...

JavaScript/jQuery

A-FRAMEを使ってVRコンテンツを自分のサイトに埋め込む

少し前に、GoogleVRの「VR View」を使って自分のサイトにVRコンテンツを掲載する方法をメモメモしましたが、今回はA-FRAMEというツールを使ってVRコンテンツを掲載する方法をメモメモしてみます。このA-FRAMEというツール...

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

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

WordPressでWebPを使うための設定

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

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

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

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

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

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

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

トラスト・ログインのiOSアプリが使いやすくなった！

シングルサインオン（Single Sign-On、略してSSO）を導入するにあたって、トラスト・ログイン（旧SKUID）を選択しました。PCから使うには、非常に便利。ユーザー管理もアカウント管理も楽になりました。でも、ひとつだけ欠点が。 ...

スポンサーリンク

次のページ

1 2 3 4 5 6