A space to discuss and keep up software development and manage your software career
An inclusive community for gaming enthusiasts
News and discussion of science and technology such as AI, VR, cryptocurrency, quantum computing, and more.
From composing and gigging to gear, hot music takes, and everything in between.
Memes and software development shitposting
Discussing AI software development, and showing off what we're building.
Movie and TV enthusiasm, criticism and everything in-between.
Web design, graphic design and everything in-between
A community for makers, hobbyists, and professionals to discuss Arduino, Raspberry Pi, 3D printing, and much more.
For engineers building software at scale. We discuss architecture, cloud-native, and SRE—the hard-won lessons you can't just Google
Discussing the core forem open source software project — features, bugs, performance, self-hosting.
A collaborative community for all things Crypto—from Bitcoin to protocol development and DeFi to NFTs and market analysis.
html { /* 1rem = 10px */ font-size: 62.5%; } body { font-size: 1.6rem; }
Now 1rem = 10px for easy unit conversions and the default font size of the site remains at the expected default of 16px. 😁
1rem = 10px
16px
It also still allows font scaling since it doesn't involve px units.
Neat. I've seen a lot of devs prefer this. However, I've personally gotten used to 16px.
Here's the article from 2004 where this technique was first introduced.
Ok if you really must use px units for fonts then please install this postcss npm plugin into your build process
npmjs.com/package/postcss-pxtorem
Using px units on any font setting on your site is an instant WCAG AA accessibility fail.
w3.org/TR/UNDERSTANDING-WCAG20/vis...
Same goes for things like vw in font size settings. It should be combined with rem in a calc function to ensure that text is still able to be resized.
vw
rem
calc
I personally like .625em :)
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Now
1rem = 10pxfor easy unit conversions and the default font size of the site remains at the expected default of16px. 😁It also still allows font scaling since it doesn't involve px units.
Neat. I've seen a lot of devs prefer this. However, I've personally gotten used to 16px.
Here's the article from 2004 where this technique was first introduced.
Ok if you really must use px units for fonts then please install this postcss npm plugin into your build process
npmjs.com/package/postcss-pxtorem
Using px units on any font setting on your site is an instant WCAG AA accessibility fail.
w3.org/TR/UNDERSTANDING-WCAG20/vis...
Same goes for things like
vwin font size settings. It should be combined withremin acalcfunction to ensure that text is still able to be resized.I personally like .625em :)