壱茉さん主催の画像の使用を(略)CSS大会に2点ほど応募したんですが、1点目はともかく2点目は友達の中村というデザイナがビジュアルを作って僕がCSSを書くという流れで参加したので、見た目的にもCSS的にも面白い事が出来たと思ったので、ちょっとだけ解説したいと思います。 タイトル gungnir ページ ギャラリー 原案はこんな感じなんですが、CSSの常識から言ってまず無理だと判断してしまうのは、本文の2カラムです。 一つのブロック要素を2カラムで表現することは、僕の知る限り現在はCSSだけで実現するのは不可能だと思ったので、シングルに変更しました。 次に目を引くのは、リストの番号がでかいことです。しかし、これは面白いし、見やすいと思ったので、考えた結果、contentプロパティの counter()を利用することで実現しました。 リストのスタイル無効にし、カウンターで番号を生成して表示した