Stacks icon indicating copy to clipboard operation
Stacks copied to clipboard

Explore removing any resets or normalization

Open aaronshekey opened this issue 3 years ago • 1 comments

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.

aaronshekey avatar Mar 11 '21 03:03 aaronshekey

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...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

netlify[bot] avatar Jan 06 '22 23:01 netlify[bot]