David RevoyOver the past days, I worked hard on the MiniFantasyTheater website.
I'll blog about it tomorrow, but if you want, you can test before my new homemade comic reader: https://www.peppercarrot.com/en/miniFantasyTheater/025.html
Axel Stieglbauer@davidrevoy Great work! ð
I have one feature request:
On mobile scrolling through the panels feels great. On the desktop (Firefox / Brave, maximised window, resolution: 1920Ã1200) it feels a bit off â for me. On mobile (portrait mode) I always see 1 full panel and about 70% of other panel(s). On desktop 1 panel is maximised to fit the whole height. While this is best viewing 1 panel, it feels a bit strange when scrolling as most of the time, you don't see 1 full panel.
Possible solutions (I see): When using the mouse / touchpad / touchscreen to scroll, "jump" from one panel to the other (perhaps with a fast scrolling animation between the "jumps"). When using the keyboard, you could bind those "jumps" to the arrow keys and / or pgâ or pgâ keys.
@AxelStieglbauer Hey, the arrows navigation (and page up/down, spacebar) is already implemented.
I tried the mousewheel, but this 'breaks the webpage too much, and managing the mouse wheel sensitivity in Javascript is a can of worms I don't want to maintain for so many devices possibles emulating a mouse scroll.
But Maybe I'll consider a fixed button (position fixed css, sticky on screen) to go up and down.
Thank you for the feedback!
I tried the mousewheel, but this 'breaks the webpage too much, and managing the mouse wheel sensitivity in Javascript is a can of worms I don't want to maintain for so many devices possibles emulating a mouse scroll.
But Maybe I'll consider a fixed button (position fixed css, sticky on screen) to go up and down.
Thank you for the feedback!
@AxelStieglbauer Note: I discovered https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll_snap , and I'll try it :)
CSS scroll snap - CSS | MDN
The CSS scroll snap module provides properties that let you control the panning and scrolling behavior by defining snap positions. Content can be snapped into position as the user scrolls overflowing content within a scroll container, providing paging and scroll positioning.