spaceninja + cssmodules   4

Bridging the Gap Between CSS and JavaScript: CSS Modules, PostCSS and the Future of CSS
In the previous post in this two-part series, we explored the CSS-in-JS landscape and, we realized not only that CSS-in-JS can produce critical styles, but also that some libraries don’t even have a runtime. We saw that user experience can significantly improve by adding clever optimizations, which is why this series focuses on developer experience (the experience of authoring styles). In this part, we’ll explore the tools for "plain ol’ CSS" by refactoring the Photo component from our existing example.
fridayfrontend  css  javascript  cssmodules  postcss  css-in-js  preprocessors  customproperties  variables 
december 2018 by spaceninja
Front-end development is not a problem to be solved
The sentiment is that front-end development is a problem to be solved: “if we just have the _right_ tools and frameworks, then we might _never_ have to write another line of HTML or CSS ever again!” And oh boy what a dream that would be, right? …_We should see front-end development as a unique skillset that is critical to the success of any project._
fridayfrontend  css  html  frameworks  bootstrap  vanilla  css-in-js  cssmodules 
december 2018 by spaceninja
Scaling CSS: Two Sides of a Spectrum
There are essentially two solutions for styling at scale: Total isolation and total abstraction. Total isolation is some version of writing styles scoped to some boundary that you've set up (like a component) in which those styles don't leak in or out. Total abstraction is some version of writing styles that are global, yet so generic and re-usable, that they have no unintended side effects.
fridayfrontend  css  scale  isolation  abstraction  tachyons  tailwind  atomic  cssmodules  glamerous  bem 
november 2018 by spaceninja
What’s New in Create React App 2.0 Video Series
Earlier this month Create React App 2.0 was released adding a lot of new features. Some of those features include Sass Support, CSS Modules Support, Adding SVGs as React Components, Fragment Short Syntax, and Babel Macros. In this post, I’ll be highlighting the above 5 features.
fridayfrontend  sass  javascript  react  svg  components  cssmodules 
october 2018 by spaceninja

Copy this bookmark: