Webページの見栄えをよくするたった58バイトのCSS

ほとんどのWebページの見栄えをよくするたった58バイトのCSSを紹介します。 3つのプロパティだけですが、Webページを実装する時の最初のスタイルとして用意しておくとよいかもしれません。 また、ボーナスの100バイト版とオプションのさらに100バイト版も合わせて紹介します。 58 bytes of CSS to look great nearly everywhere by @JoeyBurzynski 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Webページの見栄えをよくする58バイトのCSS 58バイトのCSSの解説 Webページの見栄えをよくする100バイトのCSS 100バイトのCSSの解説 オプションでさらに100バイト Webページの見栄えをよくする58バイトのCSS 58 bytes of CSS -Code

[coliss]

Webページの見栄えをよくするたった58バイトのCSS。

[poliphilus]

完全にスマホ向けに振り切ってPCでもコンテンツ幅が細いままのサイトが現れてるが、アレはスマホアクセスが圧倒的なターゲット限定のサイトだけでやれる手法だと思う。

[shingo-sasaki-0529]

max-width: 38rem; で、一体コイツは何を言ってるんだ？ってなったけど、割と合理的だなと思った。 無駄にコンテンツ幅広いと PC とモバイルのレスポンスデザインの差分大きくなってしんどくなるよね。

[hk-03]

HTML

[abababababababa]

割り切り型かー

[murlock]

これからの汎用ならコンテナクエリのほうが良さそう。まだエアプだけど。明確なゴールのないコードゴルフに意味も見いだせないしそこまでCSSサイズ圧縮する必要性も感じない

[mayumayu_nimolove]

今はそんなに軽くなくてもいい

[cript]

コレはデザインもクソもなテキストサイトの時代がまたやってくるっていう時代の啓示だろw

[hirata_yasuyuki]

max-width: 38rem に対しては、勝手に横幅制限するなという思いしか無い。

[bluepost69]

ためになる