2023-09

HTML

content”実体参照”

contentの中に実体参照を入れるのに意外と苦戦した件について。 簡単にul li のリストスタイル「・」を全角中黒点で反映していたのだが、リロードする際、ちょいちょい文字化けして現れるので、実体参照にしようと考えたもののうまくいかない?...
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を2、4、5番目の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

ボーダーや万歳、色々あるね!