The Acorn Spirit’s Journey

ブレークポイントで処理を振り分ける方法は色々ありますが今回は matchMedia()とquerySelector() を使っての覚書。※ querySelector() は、最初のひとつの要素しか返しません。よって、一…

jQuery UI datepickerを特定の場所（テキストボックスの下）に表示させたい、かつ、下に余白が少なくても上付きにはしない。※常に、テキストボックスの下にdatepickerを出したい デフォルトのdatep…

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…

10px＝1remとする場合のBootstrap4.3『Responsive font sizes』機能を有効にして使う時の覚え書き。 10px＝1rem とするには、まずhtmlフォントサイズを62.5%と書くわけです…

今日は、先週から制作中だったHTMLメールの作成（つづき）と、運営管理しているウェブサイトの一部修正。 HTMLメールって、、しばらく作ってないと色々忘れちゃいますね・・ あれ？これってダメだったっけ？的な。。 久々（2…

●DEMO Bootstrap 4 のモーダルを使ってスマホ用（メニューに使える）カスタマイズです。詳細はDEMOをご覧くださいませ。

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

ツールチップの表示位置をテキストに近づけたいな～と思って 若干位置をずらしてみたものの Aタグに重なった部分にマウスポインタ―が反応してオカシナ動きになります(;^ω^) およっ！？ と思ってしまいますが ツールチップの…

_root.scss のおかげ（？）でコンパイル時にエラー。。という時の対処。 bootstrapを利用するときにscssファイルインポートしてる人のみハマるかもしれないところ。 http://getbootstrap.…