Fork me on GitHub
#re-frame
<
2016-01-09
>
adamtrilling02:01:27

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?

adamtrilling02:01:00

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

adamtrilling02:01:24

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

adamtrilling02:01:17

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

adamtrilling02:01:29

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

adamtrilling03:01:19

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

dvcrn06:01:59

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

cjmurphy07:01:36

@dvcrn Is foundation easy to use from cljs? I notice there is no link to it from http://cljsjs.github.io/ 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).

dvcrn07:01:23

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

dvcrn07:01:02

what do you want to do from clojurescript to it?

cjmurphy07:01:05

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!

dvcrn07:01:01

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 - http://foundation.zurb.com/sites/docs/grid.html 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

dvcrn07:01:00

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

cjmurphy07:01:15

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

peterbak12:01:13

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

adamtrilling13:01:21

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

mikethompson13:01:27

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

adamtrilling13:01:02

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

adamtrilling13:01:57

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

adamtrilling13:01:29

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

mikethompson13:01:58

yep, undserstand

dvcrn14:01:48

@adamtrilling: foundatiooooooooon

Tom H.14:01:02

@adamtrilling I've been using http://semantic-ui.com/ and it's been really enjoyable. I use the css but not the js components.

donmullen16:01:36

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

jaen22:01:13

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.