april-fool-rev

今年というか最近?は世の中のエイプリルフール企画が以前より減ってる気がします
まとめ系でもあまり賑わってなかったように思います
飽きてきたのですかねー

このサイトでもたまにはなにかしてみようかと思って簡単なものを作ってみた・・・のですがボツにしました
ページが見づらくなる系なので、邪魔かなーと思って

ここは常連みたいな人はいなくて、ググって出てきたから開いてるような人がほとんどなのに、ページが見づらいのは嫌ですしねー

そうは言っても、捨ててしまうのももったいないので、このページでだけ動くようにしてます
↓のボタンで実行です


簡単な説明

実行するとランダムに文字が左右反転します
文字が多いページで端末スペックが低めだとかなり重たくなるので注意してください・・・といいたいところですが、このページは大した分量ないので多分大丈夫でしょう

もともとの予定だと実行ボタンとか無く全部のページでページを開いた時点で自動で実行されるものでした

内部的には、ページ内の TextNode を 1 文字ずつに分割して、それぞれを span にしています
そこからランダムに選んで CSS のスタイル scale: -1 1; を当てて左右反転しています