Clean HTML layouts that use just 1 line of CSS

[frauenfelder]

Originally published at: https://boingboing.net/2020/07/07/clean-html-layouts-that-use-ju.html

…

[anon61833566]

Ok. now for the real trick.

Can we get all browsers and email apps to support the same set of CSS please?

[jab]

Hahahahahahhahaha. Oh. Man. Wait. Hahahahahhahahahahahahahahahhahahahahahahahahahhaa. Ok. I’m done. Thanks for the laugh. Also crying.

[leidentech]

Well, technically nobody said how LONG the 1 line could be.

[benzbanana]

…And that’s it. Close down the thread, the discussion is done. The above is all that needs to be said.

[theophrastus]

html being made mention of here provides the opportunity to inquire: What’s up with (best beloved!) boing-boing’s webpage loading twitch dance? There is simply no other website more likely to play: “Aha! can’t click this link! [dance up] can’t click this link! [twitch down] [up] [down] [up]… hahah! …can’t click this!” It’s latent ad loading or image loading or some-such, and it’s really annoying. (For what it’s worth: Firefox 78.0.1 (64-bit) linux)

[libelle]

Yeah, I mean, if you minify your CSS/SCSS it’s just one line too. Same with your Javascript.

Reminds me of the glory days of obfuscated C contests.

[David_Andersen]

Great, a 20+ min video on minimalist layouts. Now if we could just get a 1 min video on how to use the most CSS/page I’d be happy.

[MrShiv]

Yeah this headline is misleading. These layouts don’t use a single line of CSS – it’s just that each one relies on one specific CSS line, e.g.

grid-template-columns: minmax(150px, 25%) 1fr;