The Acorn Spirit's Journey

まず、bootstrap5のソースファイルをダウンロード。https://getbootstrap.com/docs/5.1/getting-started/download/#source-files 　 _varia…

orientation: portrait 　→　縦長orientation: landscape　→　横長 ビューポートが縦長なのか横長なのかで※デバイスが縦向き横向きでなく見た目を厳密に整えたいときに（私個人的には）…

《参考》matchMedia / MediaQueryList / addEventListener https://developer.mozilla.org/ja/docs/Web/API/Window/matchM…

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に貼り付けてます…