Stacks
Stacks copied to clipboard
Explore removing any resets or normalization
Stacks is configurable to use Eric Meyer's reset.css
. By default, Stacks is configured using normalize
. We were using version 7.0.0
of normalize.css
, which is a major version behind https://github.com/necolas/normalize.css the latest, 8.0.1
which was released in November 2018. Thankfully, our browser stack reduces our reliance on normalization, and it's also 2021 at the time of writing this. There's actually way less need for normalization these days.
After running visual regression testing, it seems all that was needed was stripping the body
and button
of margins.
The Stacks docs are way different than production Stack Overflow, of course, but this may be worth exploring there.
develop |
feature/resets |
---|---|
original size: 309326 / gzipped size: 40619 |
original size: 301624 / gzipped size: 38677 |
Looks like stripping normalization saves about 2kb
.
Deploy Preview for stacks ready!
Name | Link |
---|---|
Latest commit | 88f87b3fd1b81760c8442b6aca9ddbed410b79ad |
Latest deploy log | https://app.netlify.com/sites/stacks/deploys/628bc929c0c7650009e85d6b |
Deploy Preview | https://deploy-preview-609--stacks.netlify.app |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site settings.