無趣味人

無趣味人

All Posts

Motherfucking Websiteコレクション

Motherfucking Websiteという、現代のウェブデザインを皮肉るようなページがある。趣旨としては、「これだけ単純なHTMLならデバイスを問わず読めるだろ、しかも速いだろ、クソヤロー!」といったところだが、これに触発されたいくつかの亜種といえるページが存在するので以下にまとめておく。形容詞で並べてみたが、それぞれ関係ない人が作っているので必ずしも後に挙げた方がより良いとは限らない(見る人によっても違う評価になるだろう)。

最初のもの以外はCSSでmax-widthを設定してあり、ワイドなディスプレイで見ても横に長い文章を読まされずに済む。HTMLのmetaタグでviewportの指定をしないと、フォントやmax-widthが実際の解像度基準で解釈されてしまう。iPhone等の、小さくて高解像度なディスプレイで見づらくなってしまうことに注意しよう。

Words(日本語版) : Motherfucking Websiteと同様のコンセプトだが、viewport設定が無いためにiPhone等では見づらくなってしまっている例

感想

Web開発素人の私は、HTMLは文書構造、CSSは見た目、と認識していたので、HTMLの記述でサイト見た目が大きく変わってしまうことに面喰らった。

また、上記のページはいずれもペライチで、ナビゲーションが存在しない。個人ブログ的なサイトにはナビゲーションが欠かせないので、そのあたりも考慮したものがあってもいいように思う。