live flarum sites that are impressive

nvhungc3

Hallo everyone
I have an idea of setting a forum to review and update sport events.
Flarum is a recommendation from my friend. He tell me its features: fast, light, simple, SEO and mobile friendly
it fits my purpose. I just find it amd have not see many Flarum sites.
Could you give me some live sites with that features?

Hope to be a Flarum user and contributor.
Thanks you so very much!
have a great day 😃
Hung

luceos

Hi Hung and welcome,

First of all the Showcase tag is a simple source of examples: https://discuss.flarum.org/t/showcase
Another one would be the Built With Flarum site: https://builtwithflarum.com/
A sports website I know of: https://hockeybulletin.se by @Fantomen

What features are you looking for exactly? I might be able to point to more examples.

nvhungc3

luceos
Hi Iuceos,
Big Thank for your instant reply and for your information.
I am looking for it.
I think about a forum that is fast, light, SEO and mobile friendly, easily social interaction by Facebook, Google Accounts like comment, share.

hrvoje_hr

nvhungc3 this one that I've built for my friend is somewhat different from the classic Flarum experience. It's a minimalistic local Q&A forum/platform
https://pitaj.info/

Also, I really like Flarum project of @Darkle
https://brickdose.com/all

Sami (SychO)

First time I see brickdose, looks awesome.

010101

hrvoje_hr I love both ways these sites have handled the drawer menu on mobile! ~~One put it in the hamburger menu.~~ The other put it at the bottom. Great ideas!

~~For the one you did, does that require an extension or JavaScript, or is it just CSS?~~

Edit: Never mind. That’s the language selector I see in the hamburger menu. 🙃

Valeyard

You need quite a bit of custom styling IMHO to make it look more decent and provide a better user experience. There's a number of annoyances I have with the default style - but that being said you can't expect the stock-standard default settings to be perfect, and it's not difficult to style. The most annoying thing IMO is the post/reply box transparency. It's ugly and there's no valid reason for it. The second most annoying thing is that visited and unvisited links in the discussion are the same colour - that provides for a poor user experience. The third most annoying thing is there's no automatic option to put the post title and tag/category in the header when you scroll down (like Discourse) - I ended up writing a JavaScript function to do this for me.

So there's a few annoyances there, but nothing that isn't serviceable with a little bit of CSS and/or Javascript.

Sami (SychO) First time I see brickdose, looks awesome.

That's one way to put it. Forced thin scrollbars? No thanks I hate those - why doesn't it just respect the system settings, and what's going on in the footer?

Darkle

Valeyard That's one way to put it. Forced thin scrollbars? No thanks I hate those - why doesn't it just respect the system settings, and what's going on in the footer?

The whole page is a work in progress, a couple of days ago I started to introduce the full width changes to the page, so there are still a lot of problems with that.

About that, personally I don't usually click the scrollbar, I mean I use the mouse wheel, trackpad and well on touch devices... I see it more as an indicator than anything else. That's why I prefer them to be thin, they take up space and break the aesthetics, but I know that there are many people who hate them and so at the time I was not sure whether to put them or not, but the truth is that lately I see more and more popular pages that are starting to use them. I would like to know in your case what is the reason for hating them and maybe I will think about removing them.

Valeyard

Darkle That's why I prefer them to be thin,

Right but you shouldn't force your preference on others it provides for a poor user experience. If the user wants thin scrollbars they'll set it at the device level you don't need to do anything.

Darkle About that, personally I don't usually click the scrollbar, I mean I use the mouse wheel, trackpad and well on touch devices... I see it more as an indicator than anything else.

You can't always use the mouse wheel if it hooks to a different scroll element and so you have to click a scrollbar. Case in point: take a look at the "timeline" scroll bar on Flarum and how large the click area is (despite the scrollbar looking skinny). You can click and drag very easily it's well designed. If you had to click just on that little scrollbar it'd degrade the user experience.

Darkle

Valeyard YouTube uses custom thin bars, do you think it offers a poor user experience? Obviously they've thought it through and it's all about design. I actually think that requiring the user to adjust their preferences at the system level is a pretty bad idea, I don't find it very comfortable.

I have to say that if the only reason is the width of the scrollbar I have bad news for you, because very soon browsers on Windows will start to force the new WinUI scrollbars, in fact, you can enable them from now on in edge://flags/ by enabling "Windows style overlay scrollbars." which by default are thin, this was happening on macOS for quite some time now, then I imagine you will start to hate the system bars too, so in this case I don't see a possible solution...

Valeyard

Darkle YouTube uses custom thin bars, do you think it offers a poor user experience?

They only use it on specific elements (in Firefox), but yes it degrades the experience and they should respect the device setting. If I wanted thin scrollbars I'd set it in the system settings.

If I open up Youtube in Chrome I can see what you mean - yes it's completely stupid and ugly to force that on the user - no thanks.

Darkle I have to say that if the only reason is the width of the scrollbar I have bad news for you, because very soon browsers on Windows will start to force the new WinUI scrollbars, in fact, you can enable them from now on in edge://flags/ by enabling "Windows style overlay scrollbars." which by default are thin, this was happening on macOS for quite some time now, then I imagine you will start to hate the system bars too, so in this case I don't see a possible solution...

What Microsoft does with Edge doesn't affect any other browser, and no the system doesn't force thin scrollbars - you have complete control in Windows over not only which style you want but precisely what thickness you want and whether they are always visible or not it's a registry setting or you can use Winaero Tweaker. Webmasters set thin scrollbars because they think it looks good, but bare in mind they were doing this partly because they didn't have any styling control over the colour of the scrollbars which isn't the case any more. That you think you know what the user wants better than the user themselves is precisely what leads to a poor user experience:

Overriding what the user expressly wants is a bad idea. The only thing in my opinion that is reasonable to override with a thin scrollbar is a textarea, but even then I think the benefit does not outweigh the annoyance it comes with and you should just work with the user's default preference as set at the system level. The problem with setting thin scrollbars is that it doesn't read the system setting, which in my case as you see is set to the same size as the standard bar effectively disabling the stupid thin scrollbars, instead the browser be it Firefox or Chrome sets its own setting for thin bars that don't respect the system setting.

Valeyard

On Youtube specifically by the way, I can't tell you how many times I've gone to click the scrollbar in the side panel (which is very hard to click because it's only visible when you mouse-over) and accidentally hit a link instead. It's the combination of the worst possible design choices and yes it leads to a terrible user experience. Thanks for reminding me. If you absolutely must have a difficult to click skinny scrollbar it should not be near another clickable element, but really they should just not force a stupid thin scrollbar in the first place.