Suggested tweak for mobile friendliness
https://www.davidrevoy.com/minifantasytheater/
André Jaenisch
5e3f8e5892
It's been a long time since I edited a XHTML document instead of HTML5. I like it! The modern CSS is gravitating towards CSS Logical Properties: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values Therefore I have the habit to use it, since the support is quite good. It doesn't hurt to have the old way of doing it in the line above, so that the design is progressively enhanced. Next, <center> element is deprecated: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center The CSS class is doing the same thing (place items in the center, horizontally and vertically). CSS Tricks also has a handy guide: https://css-tricks.com/centering-css-complete-guide/ Finally, Images must have an alt-attribute. Even if it is empty. Since the image is linked below I decided to not add a description here. I don't know what David's intention with the image is. To me, this goes into the direction of Art Direction. Speaking of which, there is a lot you can do these days with responsive images: https://web.dev/articles/responsive-images?hl=fr Even to the point to combine aspect-ratio with object-fit and object-position: https://henry.codes/writing/pure-css-focal-points/ I'm not sure whether this is interesting to David, but I leave it here for others to pick up. Right now, I dynamically scale the image. A trick I've learned from Bootstrap: https://getbootstrap.com/docs/4.0/content/images/#responsive-images Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de> |
||
|---|---|---|
| Mini Fantasy Theater-Dateien | ||
| Mini Fantasy Theater.html | ||
| README.md | ||
README.md
Mini Fantasy Theater
Based on a conversation on the Fedi I'm suggesting changes to MFT for mobile friendliness. In order to see them, I created this small git repository.
I hereby assign my copyright for the changes to David Revoy.