Two Steps Forward, One Step Back | Jxnblk

Building UI with design constraints from utlity CSS to CSS-in-JS

Two Steps Forward, One Step Back | Jxnblk v512.16.32 Two Steps Forward, One Step Back 3/6/2020 If you've ever seen code that looks like this, I'm sorry: <div class="p3 bold white bg-blue"> I'm sorry </div> If you've ever seen code that looks like this, you're welcome: <Box padding={3} fontWeight='bold' color='white' bg='blue'> Hello </Box> Back in 2013, Adam Morse and I were following along the incredible work that Nicole Sullivan and others like Nicolas Gallagher were doing with Object-Oriented CSS (OOCSS). Our explorations around working with CSS-related tech-debt led to

related reading

• Crafting the Next.js Websiterauno.me
• Details That Make Interfaces Feel Betterjakub.kr
• TailwindCSS: Adds complexity, does nothing. - DEV Communitydev.to
• Building a Design System from scratch - The Blog of Maxime Heckelblog.maximeheckel.com
• CSS polyfills from the futuregss.github.io
• The Elements of UI Engineering — overreactedoverreacted.io
• The Importance of Learning CSS • Josh W. Comeaujoshwcomeau.com
• Why I Love Tailwind | Max Stoiber (@mxstbr)mxstbr.com
• GitHub - andredesousa/css-best-practices: This is a guideline of CSS best practices that you can apply to your front-end project. · GitHubgithub.com
• Unstyled UI components for accessible design systems · Base UIbase-ui.com
• Manual ’till it hurtsadactio.com
• Refactoring UIrefactoringui.com