3 ms·
• Good job on presenting the content sans JavaScript, even if JavaScript is required for the best results (responsive reflow). • Page is rather heavy to load.
by chrismorgan 5y ago
• Good job on presenting the content sans JavaScript, even if JavaScript is required for the best results (responsive reflow).
• Page is rather heavy to load.
• Page load felt a bit sluggish on even a fast device; but on review I think the massive background JPEG at the top (4000×8047!) was a large part of this: you should have an approximation of it (background colour plus radial gradient) underneath it so that its potentially slow loading and rendering isn’t so obvious.
• Resizing the window has a habit of breaking things, seeming to attempt reflowing most of the time but normally making a mess of it. (Not factoring scrollbars in may be contributing to this.)
• I’m getting horizontal scroll bars, sometimes for substantial amounts and sometimes because you’ve measured the wrong thing that doesn’t take scrollbar width into account: to experience that on macOS so you can fix it, you can disable overlay scrollbars somewhere in the system settings.
• I found myself disappointed that the document is served as HTML rather than SVG, though it probably makes sense because of things like meta tags that I don’t imagine most tooling will understand how to consume within SVG.
• Where text flow is concerned, it may be worth switching back to HTML with <foreignObject>. It would probably allow code size reductions and performance improvements in reflow, and would improve accessibility, hopefully to the point where you could stop maintaining a separate HTML alternative section, instead weaving it throughout the SVG.
But all up, I like the concept. It’s good to see experiments in doing things differently. I myself am preparing to start publishing content handwritten and -drawn via my reMarkable tablet, and will be toying with making it reflowable at some point, though I suspect I’ll only ever reflow very sparingly. (If anyone else is interested in the concepts, take a look at http://www.styluslabs.com/ http://www.styluslabs.com/ and https://developer.myscript.com/docs/concepts/responsive-layout/ https://developer.myscript.com/docs/concepts/responsive-layo....)
- AndrewSwift 5y agoThanks so much for taking the time to comment. I need to optimize the images more. There is a background color etc., but the main image is much too heavy. Many people have noted the horizontal scrollbar issue — it's from a problem with Windows years ago and I will make a note to take care of it. It's not really possible to serve the document as a pure SVG, because the browser automatically resizes the content to fit vertically. The user would just see the whole page, shrunkent to fit in the middle of the screen. There will be text flow in the future, but our immediate plans are to concentrate on using the system of exact coordinates with both HTML and SVG — it has the potential to radically simplify the code necessary and to allow for much easier design. Once we have that down, we'll add in reflow. I loved styluslabs.com - instant bookmark. I'll have to spend more time with it, but I'm curioushow it will work with search engines. Thanks again!