Hacker News new | ask | show | jobs
by marpstar 2802 days ago
I've been using Blueprint and pairing it with Basscss for some responsive assistance and it's been successful (and a lot of fun).
2 comments
arvinsim 2802 days ago
I will look into this since I am on BP3 on a project and it seems that they will eventually want responsive support.
link
mobilefriendly 2802 days ago
Can you elaborate on how this works? Thanks!
link
marpstar 2802 days ago
Gladly. Blueprint provides all of the "components" and I use Basscss to lay them all out in responsive containers.

I use Basscss' grid and flex helper classes to define how my I can create a 3-column responsive layout with something like:

    <div class="clearfix">
      <div class="col md-col-4">
        <SomeBlueprintComponent />
      </div>
      <div class="col md-col-4">
        <SomeBlueprintComponent />
      </div>
      <div class="col md-col-4">
        <SomeBlueprintComponent />
      </div>
    </div>
There's also a couple of other helpers like `max-width-*` which ensure responsiveness as the screen grows larger. Things like adding the `Classes.FILL` (which causes a button/control to go full width of its container) are useful for making things seem more like mobile (where buttons often are full width of the device, minus padding)

All in all, while it's a slight bummer than Blueprint isn't just responsive out of the box, I haven't really found that to be a deterrent to getting things done.

link