今月(2022-08)の一覧 / 以下、最近 7 日分

2022-08-14

昨晩は台風来たのですが、東京はそれほど強くなく。
風があまり吹かなかったかと。
普通に眠れたし。

台風が去った後の雲

そんな感じで台風一過の空。
なんとなく秋っぽさも感じます。

とはいえ。
台風で暑さふっとぶかと期待したけど、天気予報ではまだ暑い日が続くそう。
[ 固定リンク ] 2022-08-14-1

2022-08-13

虹

虹が出てました。
朝5時ごろ。
しかも二重。
台風が近づいているのでそれの影響かな。
なんにせよこれだけくっきりとした虹を見るのは久しぶりでした。
[ 固定リンク ] 2022-08-13-1

2022-08-12

今週の平日のランチの記録。

平日ランチ
続きを読む
[ 固定リンク ] 2022-08-12-1

2022-08-11

6月下旬に撮影したベランダのメダカたち〜
ちょろちょろしてカワイイ!
YouTube にアップしてたんだけど、非公開にしたままだった・・・
(あとで公開にしようとしてて忘れてた)



今は暑いのでじっくり観察できないけど、また涼しくなったらながめて過ごします。
[ 固定リンク ] 2022-08-11-1

2022-08-09

ベースブレッドとベースクッキーのセットをアマゾンで購入しました。

ベースブレッド ベースクッキー セット

いつもはベースブレッドを取り扱っている近所のコンビニで気が向いたときに買っています。今回は、たまたまアマゾンでセットを見かけたら、コンビニでは見たことのない種類のクッキーが入っていたので買ってみました。アマゾンで買うのは初めて。
続きを読む
この記事に言及しているこのブログ内の記事
[ 固定リンク ] 2022-08-09-1

2022-08-08

li ごとにそれぞれ別の絵文字をマーカー文字として設定したい。
しかし、list-item-style で一つ一つ li に設定するのは面倒。
なので、li の先頭文字をリストのマーカー文字にする作戦!

  • li の先頭文字の取得。
    e.innerText.spit('')[0] だとサロゲートペア非対応で絵文字が壊れる。
    Array.from(e.innerText)[0] でいける。
    これをマーカー文字として JavaScript で設定すれば良い。
  • マーカー文字で使う先頭文字を li 本体で非表示にする。
    そうしないと二重で表示されるので。
    擬似要素 ::first-letter を使う。
    しかし利用可能プロパティの制約がきつい。
    display: none が使えないのはつらい。
    とりあえず透明にして全体を左にずらすことに。

こんな感じになりました。
(サービス適用例: キンセリの「定番セール」コーナー)
li marker emoji CSS
続きを読む
[ 固定リンク ] 2022-08-08-1
ブログ記事をもっと読む