this post was submitted on 22 Jun 2023
465 points (100.0% liked)

Memes

45728 readers
895 users here now

Rules:

  1. Be civil and nice.
  2. Try not to excessively repost, as a rule of thumb, wait at least 2 months to do it if you have to.

founded 5 years ago
MODERATORS
 
you are viewing a single comment's thread
view the rest of the comments
[–] blazera@kbin.social 6 points 1 year ago (4 children)

Whys everyone obsessed with apps? Mobile browser works.

[–] sporez@kbin.social 10 points 1 year ago (1 children)

mobile browser works but is never as smooth and seamless as a native app.

[–] blazera@kbin.social 0 points 1 year ago (1 children)

What are some examples? What am i missing out on?

[–] sporez@kbin.social 3 points 1 year ago

It’s hard to explain but for example see the difference of using Reddit web vs Apollo. Native apps have native system gestures and UI elements built in that generally feel a lot better to use.

[–] LargeHardonCollider@lemmy.world 2 points 1 year ago (1 children)

The website definitely works, but it has weird issues with posts jumping around.

Also you can’t use gestures on the website, but you can on apps. Like swiping to comment/like, tapping to hide, etc). It just feels way smoother

[–] theatremaker@lemmy.world 4 points 1 year ago

Agreed. Also funny because this whole thing started because of well-designed native apps in the first place…

[–] redditblackoutkekw@lemmy.zip 1 points 1 year ago

Progressive app as well (just pin the lemmy homepage)

[–] Limitless_screaming@kbin.social 1 points 1 year ago (1 children)

it has some overflow problems, and doesn't look as good as a native app.

[–] blazera@kbin.social 0 points 1 year ago (1 children)
[–] Limitless_screaming@kbin.social 2 points 1 year ago* (last edited 1 year ago) (1 children)

TL;DR: big elements cause annoying scroll-bars to appear.

My username is very big, so when I open this page on a mobile I get a horizontal scroll-bar for the entire page.

In CSS there's a property called overflow which lets you decide how you want elements that contain elements wider or taller than them to behave. So you can solve this problem by simply making that element itself scroll instead of the entire page by using overflow: scroll, or hide the child elements by using overflow: hidden;.

You can also solve these problems by dealing with the child elements for example: using the word-wrap property to allow word wrapping, using the hyphens property to break words with hyphens, or in this case use the HTML wbr tag to allow line breaking after every underscore, or even cut the longer words and append three dots to them; so my user name would look like this: "Limitless_s...".

[–] blazera@kbin.social 1 points 1 year ago

I havent seen any such thing on mobile browser here. Its taken screen space into account quite well.