今月(2022-08)の一覧 /
以下、最近 7 日分
2022-08-11
6月下旬に撮影したベランダのメダカたち〜
ちょろちょろしてカワイイ!
YouTube にアップしてたんだけど、非公開にしたままだった・・・
(あとで公開にしようとしてて忘れてた)
今は暑いのでじっくり観察できないけど、また涼しくなったらながめて過ごします。
ちょろちょろしてカワイイ!
YouTube にアップしてたんだけど、非公開にしたままだった・・・
(あとで公開にしようとしてて忘れてた)
今は暑いのでじっくり観察できないけど、また涼しくなったらながめて過ごします。
[ 固定リンク ] 2022-08-11-1
2022-08-09
2022-08-08
li ごとにそれぞれ別の絵文字をマーカー文字として設定したい。
しかし、list-item-style で一つ一つ li に設定するのは面倒。
なので、li の先頭文字をリストのマーカー文字にする作戦!
こんな感じになりました。
(サービス適用例: キンセリの「定番セール」コーナー)
《続きを読む》
しかし、list-item-style で一つ一つ li に設定するのは面倒。
なので、li の先頭文字をリストのマーカー文字にする作戦!
- li の先頭文字の取得。
e.innerText.spit('')[0]
だとサロゲートペア非対応で絵文字が壊れる。
Array.from(e.innerText)[0]
でいける。
これをマーカー文字として JavaScript で設定すれば良い。 - マーカー文字で使う先頭文字を li 本体で非表示にする。
そうしないと二重で表示されるので。
擬似要素::first-letter
を使う。
しかし利用可能プロパティの制約がきつい。
display: none
が使えないのはつらい。
とりあえず透明にして全体を左にずらすことに。
こんな感じになりました。
(サービス適用例: キンセリの「定番セール」コーナー)

《続きを読む》
[ 固定リンク ] 2022-08-08-1