I hate offscreen content that's not indicated by a scrollbar. And the worst thing is some fancily animated presentation that uses the hidden scrollbar as a seek bar.
Comic Strips
Comic Strips is a community for those who love comic stories.
Rules
-
π Be Nice!
- Treat others with respect and dignity. Friendly banter is okay, as long as it is mutual; keyword: friendly.
-
ποΈ Community Standards
- Comics should be a full story, from start to finish, in one post.
- Posts should be safe and enjoyable by the majority of community members, both here on lemmy.world and other instances.
- Any comic that would qualify as raunchy, lewd, or otherwise draw unwanted attention by nosy coworkers, spouses, or family members should be tagged as NSFW.
- Moderators have final say on what and what does not qualify as appropriate. Use common sense, and if need be, err on the side of caution.
-
𧬠Keep it Real
- Comics should be made and posted by real human beans, not by automated means like bots or AI. This is not the community for that sort of thing.
-
π½οΈ Credit Where Credit is Due
- Comics should include the original attribution to the artist(s) involved, and be unmodified. Bonus points if you include a link back to their website. When in doubt, use a reverse image search to try to find the original version. Repeat offenders will have their posts removed, be temporarily banned from posting, or if all else fails, be permanently banned from posting.
- Attributions include, but are not limited to, watermarks, links, or other text or imagery that artists add to their comics to use for identification purposes. If you find a comic without any such markings, it would be a good idea to see if you can find an original version. If one cannot be found, say so and ask the community for help!
-
π Post Formatting
- Post an image, gallery, or link to a specific comic hosted on another site; e.g., the author's website.
- Meta posts about the community should be tagged with [Meta] either at the beginning or the end of the post title.
- When linking to a comic hosted on another site, ensure the link is to the comic itself and not just to the website; e.g.,
β Correct: https://xkcd.com/386/
β Incorrect: https://xkcd.com/
-
π¬ Post Frequency/SPAM
- Each user (regardless of instance) may post up to five (5 π) comics a day. This can be any combination of personal comics you have written yourself, or other author's comics. Any comics exceeding five (5 π) will be removed.
-
π΄ββ οΈ Internationalization (i18n)
- Non-English posts are welcome. Please tag the post title with the original language, and include an English translation in the body of the post; e.g.,
SΓ, por favor [Spanish/EspaΓ±ol]
- Non-English posts are welcome. Please tag the post title with the original language, and include an English translation in the body of the post; e.g.,
-
πΏ Moderation
- We are human, just like most everybody else on Lemmy. If you feel a moderation decision was made in error, you are welcome to reach out to anybody on the moderation team for clarification. Keep in mind that moderation decisions may be final.
- When reporting posts and/or comments, quote which rule is being broken, and why you feel it broke the rules.
Banned Artists
The following artists are banned from the community.
- Jago
- Stonetoss
- GPrime85
It should be noted that when you make reports, it is your responsibility to provide rational reasoning why something should be removed. Saying it simply breaks community rules is not always good enough.
Web Accessibility
Note: This is not a rule, but a helpful suggestion.
When posting images, you should strive to add alt-text for screen readers to use to describe the image you're posting:
Another helpful thing to do is to provide a transcription of the text in your images, as well as brief descriptions of what's going on. (example)
Web of Links
- !linuxmemes@lemmy.world: "I use Arch btw"
- !memes@lemmy.world: memes (you don't say!)
Other Comic Communities of Interest
- !bloomcounty@sopuli.xyz
- !calvinandhobbes@lemmy.world
- !cyanideandhappiness@discuss.online
- !exo@discuss.online
- !foxtrot@slrpnk.net
- !garfield@lemmy.world
- !moomin@sopuli.xyz
- !oglaf@discuss.online (NSFW)
- !outland@slrpnk.net
- !pbf@discuss.online
- !peanuts@discuss.online
- !smbc@discuss.online
- !theboondocks@slrpnk.net
- !thefarside@sh.itjust.works
- !xkcd@lemmy.world
- !NoseEars@lemy.lol
And if there is a scrollbar it's 2 pixels wide, so hard to hit with either a mouse pointer or a finger
I think a lot of "modern" scrollbars are just there as an affordance so you know that the content is scrollable and how far you've scrolled down, not to actually click and drag. Not entirely sure about the UX research for this but my guess is that it's because most people either physically drag (like with a touchpad or touch screen) or use a mousewheel to scroll down.
The scrollbars in Linux are functional. They can be rather narrow depending on the DE and theme, but it's usually easy enough to make them bigger if needed.
Mac an iOS scroll bars work well most of the time. Sometimes they do fade out a bit faster than itβd like though. But they are touchable.
I'd like it if they didn't fade out, if they just sat there instead
Screen real estate is not that precious
Some websites / web apps have the opposite problem: too many scrollbars.
MacOS has a setting to hide scrollbars when a mouse isn't plugged in (i.e. when just using the trackpad on a laptop), and it's enabled by default. Even if you force a scrollbar to appear using CSS (overflow: scroll), it won't appear.
I've seen sites where some boxes had two or three sets of scrollbars, because the developer didn't test on desktop OSes other that MacOS (or on MacOS with a mouse plugged in) and didn't realise that their CSS was adding scrollbars to too many elements.
In any case, your design should have an affordance to show that there's more content that can be scrolled to. A common way to do it is fading out or having a shadow on the scrollable edge. This technique is close to 15 years old but I still see it used today: https://css-tricks.com/books/greatest-css-tricks/scroll-shadows/. The Chrome dev site has some brief notes on some more modern techniques: https://developer.chrome.com/docs/modern-web-guidance/guides/ui-atoms/scrollability-affordance-hints