【bootstrap】カスタムプロパティCSS変数【_root.scss】
まず、bootstrap5のソースファイルをダウンロード。https://getbootstrap.com/docs/5.1/getting-started/download/#source-files _varia…
まず、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 の3つのファイルを読み込んでみましたが今回は、さらに進めていきます。 特に…
スクロールすると、ふんわり表示されるアレ。今では多くのサイトで見かけるようになりましたし、仕事上でも、「ふんわり表示されるやつを実装してほしい」とのご要望もよくあります。最近制作担当したサイトでは、数件連続でふんわり実装…
まだまだ @import は使えるのですが、今後は廃止されますからそろそろ @use や @forward に慣れておきたいなぁーと考えているユーザーさんも多いのではないでしょうか? ということで、bootstrap大好…
SVGファイル、近年はsvg形式のファイルを使用する頻度が高くなりましたね!一昔前は、ウェブで使う画像といえばJPGかGIFか、あるいはPNGでしたのに。 ところで、svgファイルってどんなふうにhtmlに貼り付けてます…