Phantasy Garden

サイトのデザイン変更に併せてやりたかったことの一つ、「続きを読む」機能を実装させたかったんですよ。CSSだけで。単体記事とIndexでの記事折り込みはCSSの変更で対応できるとして、問題はその記事の折り込みがCSSだけで実現できるのかどうかという問題。

アイディアの一つとしては、:active疑似クラスを用いて、「続きを読む」と記事本体とのdisplayプロパティのオンオフを操作するというもの。もう一つは:activeに加えcontentプロパティを用いるというもの。

前者はCSSを解除した時に、「続きを読む」と記事本体が並列して記述されてしまい、後者はcontentプロパティでdisplayのオンオフを操作させることが出来るのかという疑問が残り。実装がどうなっているのかまだしっかりと把握してないので、後者の可能性もあるにはあるんですが、ちょっと難しいだろうなー……。かといって前者にすると微妙に記事が汚くなるし……。うーん。

大人しくJavascriptを組み込んだ方がいいんだろーか。それもそれで、個人的な「簡素な構造での表示」という流儀に反するしなぁ。どうしたもんか。