This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2016-01-09
Channels
- # admin-announcements (40)
- # beginners (6)
- # boot (69)
- # braid-chat (43)
- # business (3)
- # cljsrn (99)
- # clojure (51)
- # clojure-art (2)
- # clojure-brasil (2)
- # clojure-dev (23)
- # clojure-portugal (1)
- # clojure-russia (15)
- # clojurescript (52)
- # community-development (319)
- # core-async (1)
- # cursive (40)
- # datomic (6)
- # editors (11)
- # emacs (1)
- # hoplon (20)
- # jobs (1)
- # ldnclj (5)
- # leiningen (2)
- # mount (5)
- # off-topic (1)
- # om (45)
- # proton (5)
- # re-frame (29)
- # reagent (4)
- # ring-swagger (1)
- # yada (6)
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 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).
well foundation is a css framework, not a javascript one. It has a js component but in most cases you don’t need that
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 - 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
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
I always enjoy http://basscss.com fwiw
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 go...it 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.
You don't need grid CSS when you have CSS flexbox http://re-demo.s3-website-ap-southeast-2.amazonaws.com/#/h-box
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
@adamtrilling @martinklepsch I can highly recommend basscss.
@adamtrilling I've been using http://semantic-ui.com/ and it's been really enjoyable. I use the css but not the js components.