hogashi.*

日記から何から

HTML

CSSで3番目以降を:nth-child(n + 3)で書く

CSS には :nth-child() - CSS: Cascading Style Sheets | MDN という疑似クラスがあって、何番目の兄弟かを指定できる。 :nth-child(3) とかやると 3番目、みたいな感じで、 1 始まりになっている。 li:nth-child(3) { background-color: gold; font-size: 2…

今日の落書き

before 疑似要素でブログを書くとどうなるのか、と思ったけど、改行ができないことがわかってきた。それ以外は見た感じは変化がなくて、カーソルを持ってくると文字列選択ができないことがわかるくらいで、素朴に文字をどんどん書いていくだけなら before で…

text-shadowで文字の影だけ見せる

CSS の text-shadow は、ぼかしは無しでずらすだけというのもできる。なので、めちゃくちゃずらすと文字が複製されたように見える。 MDN で書かれている例だとこう。 text-shadow: 5px 10px; https://developer.mozilla.org/ja/docs/Web/CSS/text-shadow つ…

ランダムで色々気付いてみる

web サイトの html のうち、 body タグ以下のタグをランダムで選んで様子を変える、というのを思いついて遊んでいた。 この間は、ランダム麻雀という、配牌をひたすら見定めることができる web サイトを作った。

欲しいタグが現れるまで待つ

Chrome 拡張機能でbodyタグを取得して何かしようとしたら、スクリプトが読まれるの結構早くて、DOMContentLoadedを待たないとbodyタグが現れない?ときがあるのだけど、拡張機能はなぜかDOMContentLoadedのイベント発火を取れない?らしくて、力技を使った。…