Join us on Discord!
You can help CodeWalrus stay online by donating here.

Making forum skin mobile-friendly

Started by Dream of Omnimaga, January 14, 2015, 07:09:14 AM

Previous topic - Next topic

0 Members and 4 Guests are viewing this topic.

Dream of Omnimaga

Responsive forum skin is a feature that is coming in SMF 2.1 by default, but currently we have SMF 2.0 and probably until a while after SMF 2.1 goes gold. Some people have troubles using SMF 2.0 default theme on mobile computers and the one we are using right now is heavily based on SMF default.

I don't want users to have to switch between two themes if they want to have a mobile one, and I would prefer that the site colors and style looks identical on mobile devices, as in  not use some stock iOS-like theme from somewhere, so it looks like we will have to use CSS mediaqueries. We already use some, such as how the search moves out of the navigation when in low resolution, but that's not enough, and the site navigation is a major issue, and a suggestion I got is that signatures should be hidden on mobile and mini-profile moved elsewhere under a certain resolution.

So this will be the topic where the staff will discuss the changes and people can give feedback as they happen. Ideally not much work will have to be put into such theme update because we will have to redo everything from scratch when SMF 2.0 gets terminated anyway.
  • Calculators owned: TI-82 Advanced Edition Python TI-84+ TI-84+CSE TI-84+CE TI-84+CEP TI-86 TI-89T cfx-9940GT fx-7400G+ fx 1.0+ fx-9750G+ fx-9860G fx-CG10 HP 49g+ HP 39g+ HP 39gs (bricked) HP 39gII HP Prime G1 HP Prime G2 Sharp EL-9600C
  • Consoles, mobile devices and vintage computers owned: Huawei P30 Lite, Moto G 5G, Nintendo 64 (broken), Playstation, Wii U

Yuki

You raise a good point. Our current mobile solution is Tapatalk, but that would be way better if we actually have a mobile theme. Personally I don't mind switching between 2 themes, although we could add a button to easily switch between both themes, maybe with a little browser detection thrown in. (Or else take this theme that costs $20 that does everything for you, if you have the money for it.) The default theme for 2.1 (currently in Beta 1) will be responsive, so we'll obviously install a test copy as soon as possible (as DJ said, probably around RC2 or when it gets stable enough) and modify the theme with our colors so we'll be ready when the final 2.1.0 version comes out.
  • Calculators owned: TI-83+ (dead?), Casio Prizm (also dead???)
  • Consoles, mobile devices and vintage computers owned: A lot
Read Zarmina!
YUKI-CHAAAANNNN
In the beginning there was walrii. In the end there will be walrii. All hail our supreme leader :walrii: --Snektron

if you wanna throw money at me and/or CodeWalrus monthly it's here

Snektron

Im on mobile right now and
i dont have any compliants though.
  • Calculators owned: TI-84+
Legends say if you spam more than DJ Omnimaga, you will become a walrus...


Duke "Tape" Eiyeron

Me neither, except when I'm having troubles with the touchscreen keyboard or when FX is heavily derping. Your theme has big enough buttons for someone to press on it and I don't have troubles browsing (welp, I'm on a 5" FHD phone, so...)

And no, I don't want to have an application I don't know for browsing CW. If you really need a mobile verison, I could help providing some nice responsive bases.
  • Calculators owned: A lot.

Snektron

Quote from: Eiyeron on January 14, 2015, 09:34:23 AM
And no, I don't want to have an application I don't know for browsing CW.
I second this.
  • Calculators owned: TI-84+
Legends say if you spam more than DJ Omnimaga, you will become a walrus...


CKH4

I have a little trouble sometimes but it's not too big of a deal. I'd like a mobile version as long as it didn't remove features.
  • Calculators owned: TI-83+, TI-84+


aetios

Do we even have a real mobile theme right now? If I access CW on my phone I get the desktop version.
ceci n'est pas une signature

CKH4

No (I think), but your browser should make text bigger so that you don't have to zoom in bunches.
  • Calculators owned: TI-83+, TI-84+


Dream of Omnimaga

Quote from: aeTIos on January 14, 2015, 03:05:41 PM
Do we even have a real mobile theme right now? If I access CW on my phone I get the desktop version.
Nah we don't have one. We got Tapatalk, but the new version, from what I saw in Streetwalrus screenshots, is garbage, and the only other alternative is text-only and was for very old mobile phones.

The goal right now is to make the current theme so that at low resolution it looks different, but still the same color scheme and stuff.

And the automatic text zooming in mobile browsers is a major issue with the theme right now because it forced me to merge the banner slogan into the image, so that it always remained the same size as the banner. >.<
  • Calculators owned: TI-82 Advanced Edition Python TI-84+ TI-84+CSE TI-84+CE TI-84+CEP TI-86 TI-89T cfx-9940GT fx-7400G+ fx 1.0+ fx-9750G+ fx-9860G fx-CG10 HP 49g+ HP 39g+ HP 39gs (bricked) HP 39gII HP Prime G1 HP Prime G2 Sharp EL-9600C
  • Consoles, mobile devices and vintage computers owned: Huawei P30 Lite, Moto G 5G, Nintendo 64 (broken), Playstation, Wii U

rallat

How do you handle the with Mobile-Fiendly algoo from Google here on the forum. Do you have a significant drop of organic traffic?
A website created by me a few months ago. I named it NinjaUnits.com and it's designed help people to convert pixels to inches and vice-versa. If you want to give it a try, go ahead and send me in a private message with your opinion or your suggestions for improvements. Thank you!

Yuki

SMF released a mod that makes it Google-friendly, but it unfortunately conflicts with the other mods. Gotta check for a solution, for the time being.
  • Calculators owned: TI-83+ (dead?), Casio Prizm (also dead???)
  • Consoles, mobile devices and vintage computers owned: A lot
Read Zarmina!
YUKI-CHAAAANNNN
In the beginning there was walrii. In the end there will be walrii. All hail our supreme leader :walrii: --Snektron

if you wanna throw money at me and/or CodeWalrus monthly it's here

novenary

A few improvements that could be made : some of the layout edits get in the way when browsing on mobile. For example the navbar looks like this in Firefox when you zoom :


Other things could be done to improve the site but it's one of the biggest issues. I don't like floating navbars personally. It's a waste of screen space.

Snektron

Looks the same on chrome , but it should be an easily editable aspect, right?
  • Calculators owned: TI-84+
Legends say if you spam more than DJ Omnimaga, you will become a walrus...


CKH4

This is what it looks like for me on chrome:
  • Calculators owned: TI-83+, TI-84+


novenary

Originally it was like on Omni, in the header. DJ made this edit inspired by facebook, tiplanet and others. I personally think it's bad design. I've been experimenting a bit, responsive design should be feasible with the current theme with only css edits (aka the right way).

Powered by EzPortal