Live data from Hacker News

339 Bytes of Responsive CSS

blog.koley.in

11–20 of 101 posts

Re: 339 Bytes of Responsive CSS

#11
post #5

It's ironic that the author chose to use a page that loads 1.5Mb of data, including 12 separate stylesheets, to write about a minimal stylesheet.

Yep ... the first thing I did was to see if he was "eating his own dog-food". As an aside, I'd recommend against putting the linked site on a projector at work (or at least look at it first to determine whether it fits your organization's culture).

Re: 339 Bytes of Responsive CSS

#14
post #8
post #5

It's ironic that the author chose to use a page that loads 1.5Mb of data, including 12 separate stylesheets, to write about a minimal stylesheet.

And the font is ugly to boot. So it’s utterly pointless.

"Ugly" is a bit subjective. I quite like the font, and the Latin character set woff2 font file is only 13kb. It's not a bad choice.

Re: 339 Bytes of Responsive CSS

#17

Good, but I'd replace that font with the default: `font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif` It'd remove the unnecessary font and still look good.

I'd add the standard "system-ui" before all of that.

Re: 339 Bytes of Responsive CSS

#18
post #5

It's ironic that the author chose to use a page that loads 1.5Mb of data, including 12 separate stylesheets, to write about a minimal stylesheet.

I plan to shift away from class based css frameworks myself over the next few weeks as I update my website.

Of all the people who over use css frameworks like bootstrap, I'm one of them as well and this is an attempt to start correcting that mistake.

Re: 339 Bytes of Responsive CSS

#19
post #11
post #5

It's ironic that the author chose to use a page that loads 1.5Mb of data, including 12 separate stylesheets, to write about a minimal stylesheet.

Yep ... the first thing I did was to see if he was "eating his own dog-food". As an aside, I'd recommend against putting the linked site on a projector at work (or at least look at it first to determine whether it fits your organization's culture).

[deleted]

Re: 339 Bytes of Responsive CSS

#20

Good, but I'd replace that font with the default: `font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif` It'd remove the unnecessary font and still look good.

Default fonts are certainly the best thing to have. I am a sucker for "Fira", so included that!
Post reply on HN