Fork me on GitHub

I’m done messing around and ready to start on an actual side project with re-frame. So, question: what are people using for CSS frameworks?


It seems like bootstrap (or react-bootstrap) is popular, but it seems awfully heavy, no need for jquery in a re-frame project, etc


I’m tempted by elemental-ui but there are some things in the docs that make me suspect it won’t play nicely with cljs


I’m NOT a designer, so I need something reasonably idiot-proof, and I’d like something reasonably responsive (ie not re-com)


I’ll use bootstrap if it’s the best, but any other suggestions?


Also, my target audience is developers so I don't care about browser support.


@adamtrilling: depends what you need. I usually use foundation if I want a fully featured grid


@dvcrn Is foundation easy to use from cljs? I notice there is no link to it from I've never directly used any js from cljs so would be hesitant to try it myself, but always on the lookout from something that will solve the 'layout manager' problem (, which I think html table does, but for some reason using it is frowned upon).


well foundation is a css framework, not a javascript one. It has a js component but in most cases you don’t need that


what do you want to do from clojurescript to it?


Nothing specific. My experience is with desktop rather than js programming. If you find a good layout manager it makes your life so easy compared to otherwise, where you might get stuck in some corner where you can't do a particular layout. That's why I like the idea of simply using html table - it is very like my favourite layout manager from my days as a Swing programmer. Maybe foundation is just as good as html table but does not have the 'problem' of html table. Actually I think it wouldn't have that problem because it is css - maybe layout management is supposed to be done with css, and that's the problem with html table!


a grid usually works like this: you give each container a css class which designates how many columns of your grid it should use up - one big advantage besides easy positioning is of course that you can collapse it very easily to different screen sizes like mobile without much more effort put into it you can also specify break points in which the grid breaks down to a smaller version. Just open the link above and make your browser smaller simple_smile


big problems with html tables is that you loose nearly all of the html5 semantic, positioning becomes hard and targeting different screen sizes nearly impossible


That is great info for me thank you. I will be using foundation very soon. simple_smile


i've been using bootstrap (without react-bootstrap) in a re-frame proj, and it's been great. Not too heavy.


That basscss looks pretty nifty. I will give it a might not be idiot-proof enough for me, but the best way to figure that out is to make a mess


@adamtrilling: if you haven't already, have a look at re-com.


I have looked at re-com. I love the concept but I'm worried about mobile.


It's totally what I had in mind in terms of being idiot-resistant


I have a feeling I'm just going to end up following the crowd and use bootstrap...


yep, undserstand


@adamtrilling: foundatiooooooooon

Tom H.14:01:02

@adamtrilling I've been using and it's been really enjoyable. I use the css but not the js components.


@dvcrn: do you use foundation sites or foundation apps - or does it depend?


Re: semantic-ui I'm using it right now and it seems their components are made to integrate well with React, So you can just start out with using them as-is to quickly prototype stuff and then re-implement them with React as needed, I suppose.