Ask HN: What is your CSS setup in 2017?

13 points by Narzerus 8 years ago | 15 comments

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?

Why?

jachee 8 years ago |

Hand-crafted, small-batch artisanal, organic, vanilla CSS.

rgera 8 years ago |

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. https://github.com/styled-components/styled-components

pjungwir 8 years ago |

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

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:

https://github.com/pjungwir/webpack-bootstrap-test

codegeek 8 years ago |

I am playing around with http://bulma.io 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.

romanovcode 8 years ago |

Sass + Spectre[0]

[0] https://picturepan2.github.io/spectre/index.html

companyhen 8 years ago |

Depends the site I'm working on but usually just plain CSS with Bootstrap. Sometimes I use SASS which is nice.

sjs382 8 years ago | |

Same. I work on such a diverse number of projects and codebases (from diverse sources) that I've found it best to stay as grounded in regular CSS as possible.

txmjs 8 years ago |

PostCSS + sometimes a lightweight helper library such as http://basscss.com/ which provides some really nice defaults.

Slaul 8 years ago |

I've been experimenting with Bulma (http://bulma.io/) and I've been enjoying it so far.

02thoeva 8 years ago |

Still like using SCSS with Bootstrap. So easy to get into the habit of nesting things 10 selectors deep though - a style guide is a must.

tmaly 8 years ago |

I am using bourbon.io along with libsass to compile my css via a Makefile

I am using the flexbox aspect of the framework called Neat.

wprapido 8 years ago |

vanilla CSS + bootstrap or foundation

hueyl77 8 years ago |

Sass + Bootstrap or Bulma

hfourm 8 years ago |

pretty much 99% JS styles (react, radium, aphrodite css)

oblib 8 years ago |

plain CSS and Bootstrap.