HTML content”実体参照”
contentの中に実体参照を入れるのに意外と苦戦した件について。 簡単にul li のリストスタイル「・」を全角中黒点で反映していたのだが、リロードする際、ちょいちょい文字化けして現れるので、実体参照にしようと考えたもののうまくいかない？...
2023-09
HTML jQ js ページ内スクロール
ヘッダー追従の場合アンカーリンクでスクロールしても上部が隠れてしまうという事件が。そう言った場合には、ヘッダーの高さを引いて遷移させる。かつ、諸々css指定して高さがリンクだけでうまく一致しなかった場合には、ヘッダーの高さプラス-数値を指定...
CSS radial-gradient（円形グラデーション）
円形グラデーションを指定して、テキストに強調点をつけた際にブラウザではきちんと反映されるのに、スマホだとclorm、safariどちらも全く反応しなかった件について。 当初は以下の指定を参考にさせてもらった。綺麗に完成していたのだが、スマホ...
CSS tableのscrollについて
overfrow-x:scroll; がどうにもこうにも効かなかったのだが、、、どうやらdivが今回は関与していたらしく、、、当初、divをつけずにp-table__wrapにoverfrowをかけ、p-table__bodyにwhite-...
CSS 擬似クラス指定
擬似クラスで特定の兄弟に別の指定をする。 以下はmarginを２、４、５番目のliに対して消したかった。子要素の(even)＝偶数last-child＝最後の子(5) .p-please__list:nth-child(even),:las...
CSS メディアクエリ
メディアクエリの記述方法結構忘れがち。。。というかいつも確認させてもらっております。。。 @media screen and (min-width:480px) { ...} /* 画面サイズが480pxからはここを読み込む */ @med...
jQ フローティングボタン
TOPから高さ取得でボタン出現追従してからフッターの前で止まる。 footer の中に入れることがポイント。論としては、fixedで配置しているボタンを非表示にしクラスを付与したら出現及び停止するロジック。 ▼出現するまで見えなくしておく ...
CSS Swiper
slickよりjQに依存しない分良いという説。。 ただしカスタマイズするならどちらにしても少し手間だったが、、、デメリットは公式が英語表記だという点らしい。が！ブログもたくさんあるので大丈夫だとか。。。 以下はとーっても参考になるけど、バー...
jQ アコーディオン
アコーディオンを作るにしてもなかなか思うようにいかない、、 ちなみに初歩的な話だが、CSSとSCSSは拡張子が違う。。。
CSS 色々な見出しCSS
ボーダーや万歳、色々あるね！