CSS [CSS] ブラウザによって縮小画像の画質が違う
Webサイトを作成していたときのこと。サイズが250×180pxの画像を、画像ファイル側で縮小せずに、CSSで幅180pxに縮小して表示させてみたところ、非常にぼやけた画像になってしまいました。しかし、別のPCで確認すると、ぼやけずにはっき...
HTML
CSS 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サイトの読み込み速度を改善させるための一番の近...
PHP [PHP] フォームから投稿した画像の表示や削除処理
PHPで管理ツールなどをつくっていると、管理用に画像を扱いたいことがあります。この場合、画像はサーバに保存し、画像のパスをDBに入れることが多いと思いますが、この画像の管理、ちょっと面倒だと思いませんか？自分が普段使いまわしている画像関連処...
Java [Java] JasperReportでHTMLヘッダフッタ出力
あまりメジャーじゃないのか、それとも情報が出回っていないのか、探してもなかなか知りたい情報に出会えずに苦戦している JasperReport＋iReport での帳票作成。PDFでの出力は jrxml の記述だけである程度できたけど、HTM...
Java [Java] iReportを使って帳票出力
正直なところ、まだよくわかっていないかも。とりあえず日本語での出力に苦労して、やっと出せるようになったので、備忘録ということで動いたソースをメモメモ。private static final String PREFIX = "/WEB-IN...