The Acorn Spirit’s Journey

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

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

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

流行りですねー。ここ最近、よく見るかなーと思います。私もよく使います(●´ω｀●) とても簡単。adobe XDにも「背景のぼかし」という項目がありますね。これを実現するのが、backdrop-filter: blurに…

bootstrap4のTooltipsをカスタマイズ。 https://getbootstrap.com/docs/4.3/components/tooltips/ JavaScriptでtemplate設定 Optio…

bootstrapの「Progress」を五つ星（★★★★★）five star reviewにする。 https://getbootstrap.com/docs/4.3/components/progress/ ★はs…

svgファイル（アイコンなど）をbackground-imageで使いつつ、色（fill=”#色”）の変更もcss（sass/scss）で変更。 2種類の書き方の覚書 【共通】 ●置換に関する部分…