Stream Comics In Any Direction With Common Sense Scrolling
——— scroll to see effect ——>
If you can read this, you are missing out on this page's JavaScript-enabled display.
King Spot is a webcomic, for which this HTML, CSS, and JavaScript sample of its fancy display may be reviewed whole in the page source-code. Like a traditional web document, this display:
- relies only on the normal loading of pages and their images,
- allows normal scrolling to track reading progress — like page-flipping in print, and
- may be reviewed anywhere the web displays.
Comics are the most powerful medium always available to create in. Adapting the best practices of comics to web-display continues labor to assure the mildly curious that comics have something to say to them.
- download compressed archive of this display
Thanks,
Mike Leung
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.
- Lorem ipsum dolor sit amet, consectetur adipiscingelit.
- Nullam vulputate blandit nulla.
- Duis adipiscing pretium turpis.
- Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
- Nam est nunc, pretium id, faucibus id, commodo quis, purus.
- Suspendisse mauris.
- Maecenas interdum accumsan lacus.
- Nunc euismod congue dolor.
- Nullam ornare elementum mi.