Responsive forum themes

becker_11 · 2016-02-11 08:48:56

That's great news.

1 thing I noticed when attempting to browse the site on my *cough* iPhone was it appears the mobile specific code #! implemented hasn't been utilised. Is that something that will come later? I was under the impression BL was using the same forum backed as #! which I just assumed included the mobile site code as well.

--
Split from this thread – nobody.

Last edited by nobody (2016-02-20 08:35:03)

nobody · 2016-02-11 09:15:38

becker_11 wrote:

That's great news.
1 thing I noticed when attempting to browse the site on my *cough* iPhone was it appears the mobile specific code #! implemented hasn't been utilised. Is that something that will come later? I was under the impression BL was using the same forum backed as #! which I just assumed included the mobile site code as well.

You must be referring to the 'responsive' #! page. That was a custom-made skin by corenominal (or sb. else); we are using the standard FluxBB themes with minor modifications. The responsive part of the #! depends on a specific <div> container structure on the site (you remember the sitewide navigation bar, which is part of it). I just copied the theme but didn't change the page structure, so responsive aspects are not working.

I am not sure if I'll ever get to this, because besides the main Hydrogen theme, we have a dozen more. Unless a new FluxBB version comes with all-responsive themes (I recall reading that this has been on their radar, but not as a top priority), I don't think we are going to have an all-response forum page. I have inferior CSS/HTML/JS skills, so I'm not assuming I'll be able to do this all by myself.

tknomanzr · 2016-02-11 15:02:43

I usually use Twitter Bootstrap when doing responsive pages. Of course, I have no idea how the forum output is structured but Bootstrap's responsive framework is setup via class calls in the respective html tags. Themeing Bootstrap however, requires some understanding of how less/sass works. It is really pretty similar to designing a gtk3 theme, however. By this I mean, you don't really have to muck about with the actual css code much. You just mess with the variables defining colors, recompile and test til it is the way you want it. One nice things about Bootstrap is that it has boiler-plate code "cooked" into it so cross-browser compatibility becomes much less of an issue.

Last edited by tknomanzr (2016-02-11 15:03:31)

nobody · 2016-02-11 15:26:46

tknomanzr wrote:

I usually use Twitter Bootstrap when doing responsive pages. Of course, I have no idea how the forum output is structured but Bootstrap's responsive framework is setup via class calls in the respective html tags. Themeing Bootstrap however, requires some understanding of how less/sass works. It is really pretty similar to designing a gtk3 theme, however. By this I mean, you don't really have to muck about with the actual css code much. You just mess with the variables defining colors, recompile and test til it is the way you want it. One nice things about Bootstrap is that it has boiler-plate code "cooked" into it so cross-browser compatibility becomes much less of an issue.

In any case, it'd be a major undertaking in itself. Right now, it's not a priority…if it'd do it, the new theme would be in Mercury colors

It's magical.

redcollective · 2016-02-14 10:18:42

nobody wrote:

I am not sure if I'll ever get to this, because besides the main Hydrogen theme, we have a dozen more. Unless a new FluxBB version comes with all-responsive themes (I recall reading that this has been on their radar, but not as a top priority), I don't think we are going to have an all-response forum page.

I've made a quick and dirty hack to the BL Forums Compact Wide Hydrogen recipe on Userstyles to add the responsive breakpoints from the crunchbang forum theme.

red

nobody · 2016-02-20 08:31:04

redcollective wrote:

nobody wrote:
I am not sure if I'll ever get to this, because besides the main Hydrogen theme, we have a dozen more. Unless a new FluxBB version comes with all-responsive themes (I recall reading that this has been on their radar, but not as a top priority), I don't think we are going to have an all-response forum page.
I've made a quick and dirty hack to the BL Forums Compact Wide Hydrogen recipe on Userstyles to add the responsive breakpoints from the crunchbang forum theme.
red

I read up a bit on FluxBB development. As everybody should be aware, FluxBB 1.x development has been very slow; and FluxBB 2.0 as been in an unsuable state forever. Responsive design and major improvements had been planned for 2.0, but reacting to the extremely slow to non-existent progress, some developers have spun up more progressive projects.

It seems like FluxBB 1.x's successor is now Flarum, an all-responsive, modern board software. There will be an upgrade path from FluxBB 1.x when it is done.

A FluxBB 1.4/1.5 fork with many improvements, including responsive/bootstrap theming, was ModernBB. It improves on the original FluxBB code. However, ModernBB has been superseeded by Luna, which also is an all-modern board software in the FluxBB tradition.

After either Flarum or Luna (or both) have stable versions, I'll evaluate them and see if we upgrade the forum software to either of these frameworks, if ever. I'll also take a look at ModernBB.

brontosaurusrex · 2016-02-20 20:20:42

Clicking through flarum board (with an android tablet) I do have to wonder why is finger zoom disabled (not the first mobile friendly system with that 'feature'), any ideas what is this about?

Edit: http://ux.stackexchange.com/questions/3 … -webdesign

I'd say disabling zoom is just incredibly poor (what we're they thinking type) decision.

Last edited by brontosaurusrex (2016-02-20 20:31:24)

#1 2016-02-11 08:48:56

Responsive forum themes

#2 2016-02-11 09:15:38

Re: Responsive forum themes

#3 2016-02-11 15:02:43

Re: Responsive forum themes

#4 2016-02-11 15:26:46

Re: Responsive forum themes

#5 2016-02-14 10:18:42

Re: Responsive forum themes

#6 2016-02-20 08:31:04

Re: Responsive forum themes

#7 2016-02-20 20:20:42

Re: Responsive forum themes

Board footer