上のような写真を散らしたようなレイアウトをJavascript/CSS/HTMLを用いて作ります。JavaScriptのLightbox系プラグインである「PhotoSwipe」はこのような特殊な配置と相性が良く、これを用いることで、画像の鑑賞性と操作性に …
続きを読む
カテゴリ:Web > HTML/CSS
WSL2でVScodeのLive Serverが使えない場合の対処法
HTMLファイルのプレビューを開きたいとき、VScodeの拡張機能である「Live Server」を使うと非常に楽に表示をリアルタイムに確認しつつ、編集が可能なのでよく使われると思います。その時、WSL2上で編集したファイルがLiveServerで開けない問題に当たったので、その時の対処法 …
続きを読む
SVG形式のベクター画像をHTML上で表示する方法
SVG(Scalable Vector Graphics)フォーマットの画像をHTML上でWebサイト上で表示する方法について調べる機会があったので、一般的なPNG画像などを表示する場合と比較してまとめておきます。目次ベクター画像についてSVG形式画像のHTMLでの表示ラスター画像のHTMLでの表示ベ …
続きを読む