Anyone tried using twitter's bootstrap with Hobo?

[Henry H]

I just came across Twitter's open source design http://twitter.github.com/bootstrap/ and wondered if anyone successfully used it with the Hobo framework...

If you've done, any pointers/tips would be appreciated :-)

[Owen Dall]

Thanks for the info, Henry.  Will take a look...

On Sat, Feb 11, 2012 at 10:21 PM, Henry H <appl...@gmail.com> wrote:

I just came across Twitter's open source design http://twitter.github.com/bootstrap/ and wondered if anyone successfully used it with the Hobo framework...

If you've done, any pointers/tips would be appreciated :-)

--
You received this message because you are subscribed to the Google Groups "Hobo Users" group.
To view this discussion on the web visit https://groups.google.com/d/msg/hobousers/-/pI9ytVcqpkIJ.
To post to this group, send email to hobo...@googlegroups.com.
To unsubscribe from this group, send email to hobousers+...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/hobousers?hl=en.

--

 

Owen Dall

Chief Technology Officer

Barquin International

www.barquin.com

Cell: 410-991-0811

[Owen]

The good news is that Hobo 1.4 is built around JQuery. Still in Alpha
state....

So in theory, the dozen JQuery plugins available at this time with
Bootstrap will at least be compatible.

We'll take a closer look to see what might be rolled in
transparently....

heers,

Owen

On Feb 12, 7:30 am, Owen Dall <od...@barquin.com> wrote:
> Thanks for the info, Henry.  Will take a look...
>
>
>
>
>
>
>
>
>
> On Sat, Feb 11, 2012 at 10:21 PM, Henry H <apple...@gmail.com> wrote:
> > I just came across Twitter's open source design

> >http://twitter.github.com/bootstrap/and wondered if anyone successfully

> > used it with the Hobo framework...
>
> > If you've done, any pointers/tips would be appreciated :-)
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "Hobo Users" group.
> > To view this discussion on the web visit
> >https://groups.google.com/d/msg/hobousers/-/pI9ytVcqpkIJ.
> > To post to this group, send email to hobo...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > hobousers+...@googlegroups.com.
> > For more options, visit this group at
> >http://groups.google.com/group/hobousers?hl=en.
>
> --
>

> *Owen Dall*
> Chief Technology Officer
> Barquin Internationalwww.barquin.com
> Cell: 410-991-0811

[Bryan Larsen]

I haven't used it, but certainly would consider using it for my next
project if it didn't already have a theme designed...

A couple of pointers:

1) I know that Matt's posted some hints on how to use Hobo without a
theme, or rather when starting with a plain HTML page that someone
else designed. This should work with twitter bootstrap too.

2) the twitter widgets are jQuery compatible and should be easy to
integrate into 1.4 with the manual page I posted an early preview of
earlier. http://groups.google.com/group/hobousers/browse_thread/thread/4cb71abb9138bdec?pli=1

Bryan

[Owen Dall]

Thanks for that, Bryan.

[paulj...@gmail.com]

Hey, Bryan, do you have a pointer to Matt's formatting notes?

[Bryan Larsen]

I think I found what I was talking about. Maybe there's more, but
here's a couple of examples.

http://www.mail-archive.com/hobo...@googlegroups.com/msg05861.html

Bryan

On Tue, Feb 14, 2012 at 4:51 PM, paulj...@gmail.com
<paulj...@gmail.com> wrote:
> Hey, Bryan, do you have a pointer to Matt's formatting notes?
>

> --
> You received this message because you are subscribed to the Google Groups
> "Hobo Users" group.
> To view this discussion on the web visit

> https://groups.google.com/d/msg/hobousers/-/o4z3vqhDD6EJ.

[paulj...@gmail.com]

Cool! Thanks a lot, Bryan!

[Henry H]

Any updates on this?  Very curious if folks have gotten this working...

[Bryan Larsen]

Still near the top of the list of things I'd *like* to do.
Unfortunately, the list of things that I *have* to do is quite long...

It really shouldn't be difficult to do. Hobo 1.4 themes are really
easy to create. At the most trivial, all they do is define the
"page" tag. Of course there is lots of stuff in bootstrap that
would also be nice to expose to them users, but that's not necessary
for a first iteration.

If somebody wants to take a stab at this, I'd be happy to help.

Bryan

> --
> You received this message because you are subscribed to the Google Groups
> "Hobo Users" group.
> To view this discussion on the web visit

> https://groups.google.com/d/msg/hobousers/-/R20bRHGI5kwJ.

[henry74]

Given the huge movement towards tablets/mobile devices, I'm thinking twitter bootstrap may offer a simpler path towards mobile-device friendly hobo apps with its responsive design aspects. 

I'm seeing a lot of companies moving towards a mobile app first, desktop second approach - thoughts?

[Bryan Larsen]

I think a great strategy would be:

1: create a quick & dirty Hobo app so that you have something to play
with quickly, to let you validate your database models & your business
models.

that lets you delay the decision on #2.

2: you can then either create the full UI in Hobo or use the Hobo app
as a back end and admin interface to serve data to richer
applications, either native mobile apps, or apps based on one of the
new fancy javascript frameworks.

#2 is pretty simple even now, but we should really add a standard sane
default JSON response to our default controller actions to make that
even easier. I know somebody brought it up once, but I can't
remember who. Is somebody doing something like this that I can work
with to make this happen in 1.4?

Bryan

[Ignacio Huerta]

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

What a coincidence!

We are working on a Hobo Bootstrap based theme. It's still an early
beta and there's a lot to do, but take a look at this:

https://github.com/suyccom/hobo_bootstrap

Regards,
Ignacio

El 11/06/12 23:43, Bryan Larsen escribi�:

- --
Ignacio Huerta Arteche
http://www.ihuerta.net
Tel�fono: 0034 645 70 77 35
Email realizado con software libre
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.10 (GNU/Linux)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org/

iEYEARECAAYFAk/YRIAACgkQBPlUJ6RHaOTdBwCfeoUVAfbPYCfNzBwI1Q2EJow6
e+gAoJwSIRfKt8ltCTNQVo3ygUi6QC9/
=jXcw
-----END PGP SIGNATURE-----

[Bryan Larsen]

Very nice. I had a quick look, and it looks like you're doing things
"the right way". Should I add it to
http://cookbook-1.4.hobocentral.net/api_plugins?

This is part of your installation instructions:

Rename front.css to front.scss.

There's certainly an argument to be made for making this the default
in all our generators. Our dependence on jquery-ui-themes means that
we require SASS anyways. Thoughts?

I'm not sure if you were planning on doing it, but it would be really
nice to wrap the bootstrap widgets into tags. This should be done in
two separate gems.

1) tags that complement jQuery-UI.
2) tags that replace jQuery-UI. You do not need to reimplement all
of jQuery-UI, but Hobo requires a name-one, dialog and datepicker tag.
If these three are implemented, jquery-ui then becomes optional.
(datepicker is theoretically optional, but the standard Rails
datepicker is pretty awful)

Bryan

On Wed, Jun 13, 2012 at 3:42 AM, Ignacio Huerta <ign...@ihuerta.net> wrote:
> -----BEGIN PGP SIGNED MESSAGE-----
> Hash: SHA1
>
> What a coincidence!
>
> We are working on a Hobo Bootstrap based theme. It's still an early
> beta and there's a lot to do, but take a look at this:
>
> https://github.com/suyccom/hobo_bootstrap
>
> Regards,
> Ignacio
>

> El 11/06/12 23:43, Bryan Larsen escribió:

> Teléfono: 0034 645 70 77 35

> Email realizado con software libre
> -----BEGIN PGP SIGNATURE-----
> Version: GnuPG v1.4.10 (GNU/Linux)
> Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org/
>
> iEYEARECAAYFAk/YRIAACgkQBPlUJ6RHaOTdBwCfeoUVAfbPYCfNzBwI1Q2EJow6
> e+gAoJwSIRfKt8ltCTNQVo3ygUi6QC9/
> =jXcw
> -----END PGP SIGNATURE-----
>

[Ignacio Huerta]

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Hi,

El 13/06/12 15:19, Bryan Larsen escribi�:

> Very nice. I had a quick look, and it looks like you're doing
> things "the right way". Should I add it to
> http://cookbook-1.4.hobocentral.net/api_plugins?

Thanks! Please add it to the api plugins: it's a bit early but we are
going to commit a lot of improvements in the coming weeks.

>
> This is part of your installation instructions:
>
> Rename front.css to front.scss.
>
> There's certainly an argument to be made for making this the
> default in all our generators. Our dependence on jquery-ui-themes
> means that we require SASS anyways. Thoughts?

+1.

>
> I'm not sure if you were planning on doing it, but it would be
> really nice to wrap the bootstrap widgets into tags. This should
> be done in two separate gems.
>
> 1) tags that complement jQuery-UI. 2) tags that replace jQuery-UI.
> You do not need to reimplement all of jQuery-UI, but Hobo requires
> a name-one, dialog and datepicker tag. If these three are
> implemented, jquery-ui then becomes optional. (datepicker is
> theoretically optional, but the standard Rails datepicker is pretty
> awful)

All right, I understand why it should be divided. About creating tags,
I haven't seen the need yet. We are currently adding bootstrap classes
to tags like table-plus and buttons, but maybe the collapse or tabs
widgets could use a new dryml tag.

A bit later we could try to replace jquery-ui. For example, we could
try this beautiful datepicker:
http://www.eyecon.ro/bootstrap-datepicker/. I've used it a bit and
it's really nice.

Regards,
Ignacio

>
> Bryan
>
>
> On Wed, Jun 13, 2012 at 3:42 AM, Ignacio Huerta

> <ign...@ihuerta.net> wrote: What a coincidence!

>
> We are working on a Hobo Bootstrap based theme. It's still an
> early beta and there's a lot to do, but take a look at this:
>
> https://github.com/suyccom/hobo_bootstrap
>
> Regards, Ignacio
>

> El 11/06/12 23:43, Bryan Larsen escribi�:

Tel�fono: 0034 645 70 77 35

Email realizado con software libre
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.10 (GNU/Linux)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org/

iEYEARECAAYFAk/Ys9EACgkQBPlUJ6RHaOQhJACg/mG4ZLBYEBrSk1h1cu7+oP9H
3xoAn3BfhTkdRJc4/9yIqkSEFgwaJO6p
=CuaN
-----END PGP SIGNATURE-----

[Bryan Larsen]

> About creating tags,
> I haven't seen the need yet.

Yup, that's the problem with most jQuery widgets. They are pretty
easy to use without a tag if you know a little bit of Javascript. So
creating a tag isn't worth the bother for just a single project.

But creating a tag is fairly simple, and it will help you on your next
project that uses it, and it can be shared with the world to help them
with their projects. This is especially helpful to the beginners out
there.

thanks,
Bryan

[Ignacio Huerta]

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

All right, I get the point, I was a beginner not so long ago :)

Regards,
Ignacio

El 13/06/12 17:49, Bryan Larsen escribi�:

- --
Ignacio Huerta Arteche
http://www.ihuerta.net
Tel�fono: 0034 645 70 77 35
Email realizado con software libre
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.10 (GNU/Linux)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org/

iEYEARECAAYFAk/YwwAACgkQBPlUJ6RHaORwhACg09JLg8EF+nt9yEgijWY42T/2
2X0AoILNxs9OF2LXy+ktVesJkCUGWC4z
=IAqj
-----END PGP SIGNATURE-----

[Owen Dall]

I have wanted #2 for a long time.:-)

What about using JQuery Mobile and associated CSS as the quickest way to Mobility?

-O

Owen Dall

Vice President | Chief Technology Officer

Barquin International 

www.barquin.com

Office: 202.296.7147 | Mobile: tel:410.991.0811

Fax: 202.296.8903 | email: od...@barquin.com

[henry74]

My experience with jQuery Mobile is it doesn't play nice with other javascript libraries; not the case with Twitter Bootstrap

[Owen Dall]

Gotcha. Thanks.