masonry

つくっていたホームページの表示を新しくした。具体的には、masonry と呼ばれる表示形式で記事一覧を表示するようにした。masonry は一般的には、画像一覧を表示する際に使用される表示で Pinterest などで使われている。列は綺麗に揃えるが、行を揃えない表示。文字ベースのサイトで使われないのは、並び順をうまく制御しきれないからだと思う。ふつう、ブログだったら最新記事から投稿順に並べたいのに、それができない。
でも今回、並び順はどうでもよくて、それよりも文字サイズによってパネルの大きさを変えることができるのがいいと思って採用した。普通のグリッドやリスト表示だと、パネルサイズは記事ごとに変えにくいから。masonryによって、文字数の多いパネルは大きく表示され、少ないパネルは小さく表示することが自然にでき、一覧画面から一目で記事の重要度が判定できる。とてもいいデザインだと思う。
どうでもいい内容のものと、きっちりした内容の文章が入り混じるブログをどう実現するかについてずっと考えてきたのだが、ひとまずmasonry表示を採用することによって、人前に出せる状態にはできた。