

Obviously, this idea would be unfit for anything more complex than a simple blog, photo gallery, or website.
Blogo portable portable#
The desired outcome is a simple, resilient, portable document. ↩Īnchor #links are a good and proper mechanism for navigating a single document, and using :target to show and hide content allows for a normal hyperlink behaviour within pseudo-pages, without reinventing any wheel.

One HTML file, with fonts and images inlined as Base64 strings. I wanted to use CSS columns with snap-scroll for pagination, but generated columns aren’t real DOM elements you can snap to, so turning pages is done poorly in Javascript (resizing the viewport takes you back to the first page). Swiping on touchscreens, scrolling, and the ← → keys naturally work, and with the items being links, you can Tab your way through, or link to a specific #image within a slideshow. The scroll-behavior property can also be used for slide transitions on tap/click. This is the basic markup for each image slide: īy lining up a few of these in a scrolling container, a:before and :after can bleed into half of the adjacent items, acting as prev/next “buttons”. None of these things are truly new, but combined they can make for a good enough experience on most devices, degrading somewhat gracefully on the others, and without any Javascript. scroll-snap, scroll-behavior (and overscroll-behavior).I recently came up with a cheap HTML slideshow made with: It also has a robust image uploader that supports services such as Flickr and. An example of a single-file blog, and an excuse for writing one. Post2Blog is a freeware desktop blogging application that is portable, giving you the opportunity to carry it around on a USB stick for use in any computer. Hex Logo Portable & Foldable Beach Mat 60x 78 Portable durable mat is colorful, bright, and made comfortable for any outdoor outing.
