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.
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…”.
Whys everyone obsessed with apps? Mobile browser works.
mobile browser works but is never as smooth and seamless as a native app.
What are some examples? What am i missing out on?
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.
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
Agreed. Also funny because this whole thing started because of well-designed native apps in the first place…
Progressive app as well (just pin the lemmy homepage)
it has some overflow problems, and doesn’t look as good as a native app.
Whats an overflow problem?
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
overflowwhich 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 usingoverflow: scroll, or hide the child elements by usingoverflow: hidden;.You can also solve these problems by dealing with the child elements for example: using the
word-wrapproperty to allow word wrapping, using thehyphensproperty to break words with hyphens, or in this case use the HTMLwbrtag 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…”.I havent seen any such thing on mobile browser here. Its taken screen space into account quite well.