Rails friendly "responsive design" boilerplate?

[Andrew Stone]

Hi Rails list!

I have been researching "Responsive Design" css3/html5 boiler plates... it's seems there are a bunch available! with a lot of competition and activity going on...
I realise the concept is a browser one and I could shoehorn any of them... however, some have gems so it appears some have a greater Rails focus than others?

I'm interested in any opinion/experience/recommendations in regards to "responsive design boilerplates" with Rails.

Cheers,
Stonie.

     Andrew Stone +61 (0)412 488 251
     and...@drivenlogic.com.au | http://drivenlogic.com.au

    DrivenLogic Pty Ltd | Pragmatic Software Construction
    GPO Box 2746, Sydney, NSW, 2001, Australia

[Nicholas Faiz]

We're using Twitter Bootstrap and it's working well. There's an associated gem for it which someone has created, but it's not needed (we don't use it).

Cheers,

Nicholas

[fighella]

+1 on Twitter Bootstrap.

But also, this isn't directly rails related, but one of the best
"Responsive" articles I've seen in a while.

https://speakerdeck.com/u/malarkey/p/fashionably-flexible-responsive-web-design-full-day-workshop-1

I really enjoyed it.

Jonny

On May 15, 4:54 pm, Andrew Stone <and...@drivenlogic.com.au> wrote:
> Hi Rails list!
>
> I have been researching "Responsive Design" css3/html5 boiler plates...
> it's seems there are a bunch available! with a lot of competition and
> activity going on...
> I realise the concept is a browser one and I could shoehorn any of them...
> however, some have gems so it appears some have a greater Rails focus than
> others?
>
> I'm interested in any opinion/experience/recommendations in regards to
> "responsive design boilerplates" with Rails.
>
> Cheers,
> Stonie.
>

> *     Andrew Stone *+61 (0)412 488 251
>      and...@drivenlogic.com.au |http://drivenlogic.com.au
> *
>     DrivenLogic Pty Ltd | Pragmatic Software Construction *

[Rufus Post]

Hi Andrew,

I have used http://html5boilerplate.com/ a few times but I found I need other things like grids etc so now I use bootstrap for just about everything http://twitter.github.com/bootstrap/scaffolding.html#responsive I include this gem:

https://github.com/metaskills/less-rails-bootstrap

And cherry pick the less files I want:

@import "../vendor/bootstrap/less/reset.less"

@import "../vendor/bootstrap/less/grid.less"

@import "../vendor/bootstrap/less/responsive.less"

* code not from a rails project

But you will still have to roll your own media queries - which you should because they are fun.

So yeah, what Nicholas said.

--
You received this message because you are subscribed to the Google Groups "Ruby or Rails Oceania" group.
To post to this group, send email to rails-...@googlegroups.com.
To unsubscribe from this group, send email to rails-oceani...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/rails-oceania?hl=en.

[Justin French]

Hi,

I think bootstrap is pretty good as a way of learning the concepts, as is zurb's one, and they're great if you know nothing about CSS, but ultimately, they'll fall short in some way, and you will need to roll up your sleeves and learn the techniques from scratch. 

I don't think rails has much to do with it — theres a rails bootstrap plugin, but it's not doing a lot... It's just CSS. I would experiment with a few as far away from rails as possible with something basic — how would I do a two column blogish layout that collapses to one on my phone, etc. Find what you like, rails will be fine. 

Justin

[Daniel]

There's always http://goo.gl/Qk6na although I'm not sure about the browser support.

On Tuesday, May 15, 2012 6:44:36 PM UTC+10, Justin French wrote:

Hi,

I think bootstrap is pretty good as a way of learning the concepts, as is zurb's one, and they're great if you know nothing about CSS, but ultimately, they'll fall short in some way, and you will need to roll up your sleeves and learn the techniques from scratch. 

I don't think rails has much to do with it — theres a rails bootstrap plugin, but it's not doing a lot... It's just CSS. I would experiment with a few as far away from rails as possible with something basic — how would I do a two column blogish layout that collapses to one on my phone, etc. Find what you like, rails will be fine. 

Justin

On 15/05/2012, at 4:54 PM, Andrew Stone  wrote:

Hi Rails list!

I have been researching "Responsive Design" css3/html5 boiler plates... it's seems there are a bunch available! with a lot of competition and activity going on...
I realise the concept is a browser one and I could shoehorn any of them... however, some have gems so it appears some have a greater Rails focus than others?

I'm interested in any opinion/experience/recommendations in regards to "responsive design boilerplates" with Rails.

Cheers,
Stonie.

     Andrew Stone +61 (0)412 488 251

     | http://drivenlogic.com.au

    DrivenLogic Pty Ltd | Pragmatic Software Construction
    GPO Box 2746, Sydney, NSW, 2001, Australia

--
You received this message because you are subscribed to the Google Groups "Ruby or Rails Oceania" group.
To post to this group, send email to rails-...@googlegroups.com.

To unsubscribe from this group, send email to rails-oceania+unsubscribe@googlegroups.com.

[Andrew Stone]

>There's always http://goo.gl/Qk6na although I'm not sure about the browser support.

Oh that looks like it might be the go... it does support ToeJam 2.x which was one of my "must haves" cheers. ;)

To view this discussion on the web visit https://groups.google.com/d/msg/rails-oceania/-/lMNvozQ3_tkJ.

To post to this group, send email to rails-...@googlegroups.com.

To unsubscribe from this group, send email to rails-oceani...@googlegroups.com.

[Andrew Stone]

Guys,

Thanks to everyone who chimed in... flying now thanks.

The slide deck linked by @fighella pretty much covers everything you need to get started... thanks for that. worth a read for those of us catching up.

Cheers,
Stonie.