Viewing the wiki in different resolutions

Talk about the collaborative Rayman encyclopedia.

Moderator: English moderators

Post Reply
RayCarrot
Murray
Posts: 1592
Joined: Sat Jan 11, 2014 5:46 pm
Tings: 21785

Viewing the wiki in different resolutions

Post by RayCarrot » Tue Aug 08, 2017 8:57 am

When viewing the wiki from different screens with different resolutions I've notices how it re-positions certain things in rather odd ways. On my 1080p display the Rayman page has the images in the wrong places, making it look rather messed up. But when viewed on a 720p display (which seems optimal for most pages on the wiki) it looks really organized like how I first set it up. Image tables, which are usually set out with 3 on each row, don't even go to the end of the screen on 1080p displays like on 720p ones. Perhaps it's better to switch to using the gallery with a set resolution as it's responsive to the display size?
Also, when viewing on my phone the wiki looks more or less completely messes up, with everything trying to fit in to a really thin page. The text font (especially on the "Recent changes" page) is also messed up with it changing pretty much each time I reload the page. I've tried on Chrome on iPhone and Android, Safari on iPhone and the Samsung Browser on Android with very similar results. It was worse on Chrome on Android and best on Safari on iPhone, but still not good on any of them.

Rayman page on a 1080p display - Notice how the table with the three Rayman images appears to high up here.
Rayman page on Chrome on Android - Notice how the table now goes beyond the page area. This is worse on some pages where the third image can barely be seen.
Recent pages on Chrome on Android - Notice how the second recent change appears smaller (like it should) than the rest of the text. Reloading the page continuously will sometimes have all the text appear small.

Hunchman801
Bad Rayman
Posts: 77080
Joined: Thu Aug 07, 2003 6:50 pm
Location: Paris, France
Contact:
Tings: 556770

Re: Viewing the wiki in different resolutions

Post by Hunchman801 » Tue Aug 08, 2017 3:35 pm

Yes, we're probably better off using galleries whenever possible now that they support multiple options (widths, CSS classes, etc.).
Image

Master
Rayman Origins
Posts: 49982
Joined: Sun Aug 21, 2011 10:14 am
Location: Somewhere specific, I'd assume.
Tings: 404000

Re: Viewing the wiki in different resolutions

Post by Master » Tue Aug 08, 2017 4:09 pm

In which case, should we attempt converting current articles to use galleries instead of invisible tables?
Image

Ray502
Antitoon
Posts: 12249
Joined: Tue May 29, 2012 8:15 pm
Location: Somewhere
Tings: 0

Re: Viewing the wiki in different resolutions

Post by Ray502 » Thu Aug 10, 2017 4:53 am

Why not keep the invisible tables that contain 3 images and just reduce the count to 2? When there's only 2, the images look organized and they don't reach the end of the phone screen.
Image

Rayman: Razorbeard's Vengeance

Rayman 2: The Alternate Side (Demo Available Now!)

FC: 37.699 | CF: 107.954 | BOM: 94.827 | LOTLD: 121.385 | DOTK: 109.831 | LS: 41.270 | SBTC: 94.755 | HH: 107.339 | TOTL: 104.496

Total: 819.556

RayCarrot
Murray
Posts: 1592
Joined: Sat Jan 11, 2014 5:46 pm
Tings: 21785

Re: Viewing the wiki in different resolutions

Post by RayCarrot » Thu Aug 10, 2017 8:22 am

If we do that we'll still have the problem of how they look on 1080p computers, in which case it won't even go to the half way point of the screen and will look rather odd when there are a lot of images in the table. I think a gallery will be better in these cases since it will auto-adjust the number of rows depending on the screen.
As for replacing existing tables with galleries, I'm all for doing that if everyone's fine with the change.

PluMGMK
Dora Dodemer
Posts: 29340
Joined: Fri Jul 31, 2009 9:00 pm
Location: Tír an "Tuisil Ghinidigh" agus an "Mhodha Choinníollaigh"
Contact:
Tings: 5527

Re: Viewing the wiki in different resolutions

Post by PluMGMK » Thu Aug 10, 2017 6:01 pm

Wasn't sure about the policy on galleries versus tables, but now it makes sense. I'm all for replacing all tables with galleries!

Master
Rayman Origins
Posts: 49982
Joined: Sun Aug 21, 2011 10:14 am
Location: Somewhere specific, I'd assume.
Tings: 404000

Re: Viewing the wiki in different resolutions

Post by Master » Thu Aug 10, 2017 6:55 pm

Wonder if we could get a bot or make a script that can automatically convert existing invisible Wikitables into galleries. Either ways, should we attempt to change articles, or not bother and just change them as we edit onwards?
Image

Hunchman801
Bad Rayman
Posts: 77080
Joined: Thu Aug 07, 2003 6:50 pm
Location: Paris, France
Contact:
Tings: 556770

Re: Viewing the wiki in different resolutions

Post by Hunchman801 » Tue Aug 15, 2017 1:37 pm

Master wrote:Wonder if we could get a bot or make a script that can automatically convert existing invisible Wikitables into galleries.
We could, but that's probably more work than doing it manually.
Master wrote:Either ways, should we attempt to change articles, or not bother and just change them as we edit onwards?
Probably the latter, unless someone feels motivated enough.

One thing though, we might not be able to put galleries everywhere. I've found a way to add the sprite class to all images in a gallery, but I'm not sure if it can be done for a single image. If not, then we can't use galleries where there's a mix of sprite-based and other images.

In fact, we might have the same problem with sizes. While almost all images are rendered at 320 pixels, those from the original game are usually 316 or 318 pixels, Game Boy Advance screenshots are 240 pixels wide, and there's more formats. A gallery would have to respect those sizes.
Image

RayCarrot
Murray
Posts: 1592
Joined: Sat Jan 11, 2014 5:46 pm
Tings: 21785

Re: Viewing the wiki in different resolutions

Post by RayCarrot » Tue Aug 15, 2017 1:42 pm

On the Rayman 2 early production page I managed to make a gallery-like thing with different resolutions with the help of the MediaWiki help pages. Not sure if that type of gallery has any different properties though or if that can be used in future situations as well. As for making a bot etc., I think this can be done manually over time as we edit articles. I've already begun implementing it as I've been uploading images to the Legends level articles.

Hunchman801
Bad Rayman
Posts: 77080
Joined: Thu Aug 07, 2003 6:50 pm
Location: Paris, France
Contact:
Tings: 556770

Re: Viewing the wiki in different resolutions

Post by Hunchman801 » Tue Aug 15, 2017 2:22 pm

Are you referring to the gallery where images are shown at their actual size? Not sure if that'd work for higher-resolution screenshots.
Image

RayCarrot
Murray
Posts: 1592
Joined: Sat Jan 11, 2014 5:46 pm
Tings: 21785

Re: Viewing the wiki in different resolutions

Post by RayCarrot » Thu Sep 07, 2017 7:41 am

Hunchman801 wrote:Are you referring to the gallery where images are shown at their actual size? Not sure if that'd work for higher-resolution screenshots.
I tried it out a few times now and since it supports thumbnails which can be resized it works perfectly fine. So I think we should use galleries when they are all the same resolution, and the responsive thumbnail alignments when they are different resolutions or require the sprite class.

Hunchman801
Bad Rayman
Posts: 77080
Joined: Thu Aug 07, 2003 6:50 pm
Location: Paris, France
Contact:
Tings: 556770

Re: Viewing the wiki in different resolutions

Post by Hunchman801 » Thu Sep 07, 2017 10:47 am

Sure, that makes sense!
Image

The Jonster
Magicien
Posts: 25480
Joined: Sat Mar 24, 2018 6:15 am
Tings: 70565

Re: Viewing the wiki in different resolutions

Post by The Jonster » Sat Aug 11, 2018 8:52 am

*deleted*

Post Reply