What is your preferred setup for managing css code in 2017? Do you use pre-processors? a grid system? frameworks like bootstrap? CSS modules? JSS?<p>Why?
Still SASS via webpack (before that grunt and gulp). Experimenting with styled components and really liking what I'm seeing even though I thought I'd hate it.
<a href="https://github.com/styled-components/styled-components" rel="nofollow">https://github.com/styled-components/styled-components</a>
I like how the Rails Asset Pipeline gives you a single CSS artifact with a cache-busting hash in the name, but I've been trying to use Webpack for some new projects and I was surprised to learn that by default it doesn't create <i>any</i> CSS file, but embeds the CSS in Javascript and injects it at runtime. Is that considered better nowadays? What are the pros and cons? I Googled around a bit but didn't find any answers.<p>Btw here is a sample webpack config that uses ExtractTextPlugin to get behavior more like the Asset Pipeline, including pulling in Bootstrap and getting correct font references. Maybe someone can use it:<p><a href="https://github.com/pjungwir/webpack-bootstrap-test" rel="nofollow">https://github.com/pjungwir/webpack-bootstrap-test</a>
I am playing around with <a href="http://bulma.io" rel="nofollow">http://bulma.io</a> which is based on flexbox. Only complain is that they don't use https on their marketing site yet :) but otherwise, looks like a great clean framework.
PostCSS + sometimes a lightweight helper library such as <a href="http://basscss.com/" rel="nofollow">http://basscss.com/</a> which provides some really nice defaults.
I've been experimenting with Bulma (<a href="http://bulma.io/" rel="nofollow">http://bulma.io/</a>) and I've been enjoying it so far.