The Acorn Spirit’s Journey

bootstrap5 のモーダル内にページ内リンクがあり、そのリンクをクリックしたらモーダルを閉じたい。 　 Bootstrap5 Modal https://getbootstrap.com/docs/5.1/comp…

素材屋さんしてる頃にトップのメイン画像として作ったやつ。 色んなサイズ作って、当時はパソコンのデスクトップ画像にもしてたっけ。 けっこう頑張って作ったのよね（笑） 　

たしか、以前サイトの背景画像として作ったやつ。 まだ素材屋さんしてた頃ですね～。 こういう色合いが好き😊 今ではちょっと使いどころが無い（笑） 　

【bootstrap5】@importを@useに変更してみる① からの続きになります。 _functions、_variables、_grid の３つのファイルを読み込んでみましたが今回は、さらに進めていきます。 特に…

スクロールすると、ふんわり表示されるアレ。今では多くのサイトで見かけるようになりましたし、仕事上でも、「ふんわり表示されるやつを実装してほしい」とのご要望もよくあります。最近制作担当したサイトでは、数件連続でふんわり実装…

まだまだ @import は使えるのですが、今後は廃止されますからそろそろ @use や @forward に慣れておきたいなぁーと考えているユーザーさんも多いのではないでしょうか？ ということで、bootstrap大好…

SVGファイル、近年はsvg形式のファイルを使用する頻度が高くなりましたね！一昔前は、ウェブで使う画像といえばJPGかGIFか、あるいはPNGでしたのに。 ところで、svgファイルってどんなふうにhtmlに貼り付けてます…

チェックボックスがchecked（true）の時、またはチェックされていない（false）時に●●したい、というやつです。 これは結構よく使う。

個人的にですけど、画像の拡大表示によく使う「lightbox」。個人的にとは言いましたが、お仕事上でも「画像の拡大表示」にはよく使います。 もともと画像を配置していたけど、拡大表示にはしていなかった箇所。やっぱり拡大表示…

画像にhoverしたらimgタグのsrcを入れ替えて、他の画像を表示するというのはよく見かけますが、 imgタグにhoverできるとは限らない（画像の上に他要素が重なっているなどの）場合も多いのでサムネイル画像の親要素に…