[jitsi-dev] Jitsi Meet: Proposal to migrate to the Bootstrap front-end framework in a future version (responsive design, easy theming, future-proof)


#1

Hi!

Jitsi Meet works with Firefox 40 on Android:
https://github.com/jitsi/jitsi-meet/issues/4

Congratulations! This is fantastic. This is a game changer.

However, Jitsi Meet is not yet adapted to small screens and a touch interface.

The Bootstrap front-end framework is ideal to make an interface responsive:
https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)
And responsive is not just about small screens. It's also about huge
(wall-sized) screens.

Bootstrap provides many benefits, one of which is easy access to theme
generators and thousands of free and paid themes. But also
"mobile-first" design and intensive testing with all browsers, etc.
Many apps have moved to Bootstrap, like Joomla!, Moodle, phpMyFAQ,
Tiki Wiki CMS Groupware, ClearOS, etc. and some have been built with
it from the ground up. Ex.: Syncthing

The Bootstrap community is very active and has the expertise and
energy to do a fantastic job in this area, and also to solve edge
cases and browser bugs that a community like Jitsi would never want to
go so deep in. To illustrate, please see the "Wall of browser bugs"
http://getbootstrap.com/browser-bugs/

Some stats:

Most starred project on Github (double the stars of #2)
https://github.com/search?q=stars:>1&s=stars&type=Repositories

Over 700 have contributed source code:
https://www.openhub.net/p/bootstrap-from-twitter

8% of the top 1 million sites are using Bootstrap:
http://trends.builtwith.com/docinfo/Twitter-Bootstrap
And at least 6 million sites in all.

Beyond the Bootstrap code itself, the ecosystem is huge and diverse.
Here is a "tour / help" lib which could be really cool as a helper for
new users to Jitsi Meet:
http://bootstraptour.com/

Over 300 other resources:
http://bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources

Bootstrap 3.x is mature now, and 4.x is one the way:
https://twitter.com/mdo/status/630998241547436032

If this feature request is accepted, the following ticket could be re-opened:
https://github.com/jitsi/jitsi-meet/issues/335

Thanks!

···

--
Marc Laporte

http://AvanTech.net
http://MarcLaporte.com
https://suite.tiki.org/Tiki+Suite


#2

Hi again!

An update on this: Over 13% of the top million sites are now reported
to use Bootstrap:
http://trends.builtwith.com/docinfo/Twitter-Bootstrap

So over the next few days and weeks, we'll:
1- Start on the work
2- Ask for some feedback on a publicly accessible server (we'll need testers)
3- Address the feedback
4- Send in a proper pull request, for approval by Jitsi committers.

It will look pretty much the same on large screens, and be much more
usable on mobile devices.

Anyone who wants to help, please show your support and offer your
testing help here:
https://github.com/jitsi/jitsi-meet/issues/335
or email me directly and we'll be in touch.

FYI, we will also convert Candy to Bootstrap:
https://github.com/candy-chat/candy/issues/222

Candy and Jitsi Meet are both components part of Openfire Meetings,
which we want responsive:
https://community.igniterealtime.org/blogs/ignite/2015/02/14/realtime-collaboration-with-openfire-meetings

Thanks!

M :wink:

···

On Mon, Aug 17, 2015 at 3:13 PM, Marc Laporte <marc@marclaporte.com> wrote:

Hi!

Jitsi Meet works with Firefox 40 on Android:
https://github.com/jitsi/jitsi-meet/issues/4

Congratulations! This is fantastic. This is a game changer.

However, Jitsi Meet is not yet adapted to small screens and a touch interface.

The Bootstrap front-end framework is ideal to make an interface responsive:
https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)
And responsive is not just about small screens. It's also about huge
(wall-sized) screens.

Bootstrap provides many benefits, one of which is easy access to theme
generators and thousands of free and paid themes. But also
"mobile-first" design and intensive testing with all browsers, etc.
Many apps have moved to Bootstrap, like Joomla!, Moodle, phpMyFAQ,
Tiki Wiki CMS Groupware, ClearOS, etc. and some have been built with
it from the ground up. Ex.: Syncthing

The Bootstrap community is very active and has the expertise and
energy to do a fantastic job in this area, and also to solve edge
cases and browser bugs that a community like Jitsi would never want to
go so deep in. To illustrate, please see the "Wall of browser bugs"
http://getbootstrap.com/browser-bugs/

Some stats:

Most starred project on Github (double the stars of #2)
https://github.com/search?q=stars:>1&s=stars&type=Repositories

Over 700 have contributed source code:
https://www.openhub.net/p/bootstrap-from-twitter

8% of the top 1 million sites are using Bootstrap:
http://trends.builtwith.com/docinfo/Twitter-Bootstrap
And at least 6 million sites in all.

Beyond the Bootstrap code itself, the ecosystem is huge and diverse.
Here is a "tour / help" lib which could be really cool as a helper for
new users to Jitsi Meet:
http://bootstraptour.com/

Over 300 other resources:
http://bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources

Bootstrap 3.x is mature now, and 4.x is one the way:
https://twitter.com/mdo/status/630998241547436032

If this feature request is accepted, the following ticket could be re-opened:
https://github.com/jitsi/jitsi-meet/issues/335

Thanks!

--
Marc Laporte

http://AvanTech.net
http://MarcLaporte.com
https://suite.tiki.org/Tiki+Suite

--
Marc Laporte

http://MarcLaporte.com
https://suite.tiki.org/Tiki+Suite
http://AvanTech.net