Ryuzine Reader

Ryuzine Reader


Ryuzine™ Reader is a cross-browser, cross-platform web application publishing format built on HTML5, CSS3, and Javascript technologies.  Because it is web-based it doesn’t require a separate “e-reader” app – the web browser you already use IS the reader app. However, Ryuzine is far more than just a web page!  It offers an engaging, page-turning, “app experience” without the hassle of app stores, DRM, or downloading and installing an app.  Because it targets both desktop and mobile devices from a single file it offers content creators “write once, read anywhere” convenience.


Multi-Control Interface


mousekeyboardKeyboard, Mouse, and Touch controls give users on all kinds of different devices a way to interact with content.  That’s because Ryuzine wasn’t just designed for desktops or mobile devices, it was designed for both!

Multiple Viewing Modes

views_panelChoose from four different viewing modes for publications!

“Magazine” is the default setting that emulates flipping the pages of an actual book.

“Continuous” displays all the pages in one long, scrolling window.  Individual page heights are dictated by the amount of content on each page.

“Plain HTML” is primarily for low-end devices that have difficulty displaying the advanced Ryuzine webapp features.  It strips out any issue-specific styles and shows you the bare, un-styled HTML within the Ryuzine webapp UI.

“Grid View” is our newest option that gives you thumbnail page images you can use to navigate a publication from any page to any page (only shown if the browser supports it).

User Adjustable Font

fonts_panelIncrease or decrease the font size of articles without zooming the whole webapp.  Find the perfect size for your screen or preference, whether you are reading on a phone or a large-format monitor. There are also two Color Mode: “Sepia” offers colors that are easy on your eyes and “Black” gives you high-contrast white text on black pages.

Pan & Zoom

pinchzoomTouch devices supporting two-finger pinch/spread zoom and zoomed panning offer a user-configurable option to enable or disable this behavior.  Turn it off for a more “native app experience” and to prevent unintended zooming.  Turn it on if you need the default browser zooming feature.

When enabled a small semi-transparent button appears which, when tapped, turns on a red border around the page(s).  This red-bordered area acts like a sheet of glass, allowing you to zoom and pan around the publication without accidentally triggering any in-page links or page functions.  This option is not shown on desktop systems since it doesn’t affect desktop browser zoom settings.

Personalized Settings

options_panelRyuzine includes an “Options” panel where readers can selectively enable and disable various features to fine-tune the experience to their personal preferences.

Which settings are shown is tailored to the capabilities of the browser in which a Ryuzine publication is being displayed, and which (if any) add-on features were included by the publisher.  The only features available in all browsers are “Pages Slider,” “Page Shadows,” “Page Animations,” “Auto-Hide Toolbars.”

Settings are saved in a browser cookie file so they remain persistent when a reader returns to a publication, and are automatically applied to other publications available on the same web server.

In version 1.0 optional, third-party add-ons can create their own Options Panel controls, or their own custom panels if they have many settings.

Share It!


mailRyuzine features it’s own Social Widget add-on that makes it easy for readers to share the URL of a publication on popular social media networks or via e-mail.  The widget links and appearance are easy to customize, and unlike some sharing widgets this one was designed so it won’t slow the loading of the publication.

sharePublishers can also opt to replace the built-in widget with a third-party sharing widget allowing users to easily share a publication on popular social-networking sites.  Any widget that can be used to share a web page can be used by publishers in a Ryuzine publication.

Of course you can also post the URL of any publication to your favorite social network, and because individual pages within a Ryuzine can be addressed with the simple hashtag anchor link, you can even direct your friends to a specific page of interest within a Ryuzine publication.

Slide It!

slidericonRyuzine now has THREE different methods to flip from any page to any page.  The original “Contents” panel is great for books, manuals, and magazines that have titled sections, but the “Pages Slider” control may be more appropriate for a webcomic, portfolio, or photo album.  Lastly, there is the “Grid View” option (not available in all browsers) that shows you thumbnail images of all the pages – simply select a page an off you go!

Mark It!

bookmarkRyuzine Reader has it’s own in-app multi-bookmarking feature.  Just hit the bookmark icon in the upper corner of any page to open the Bookmarks Management Panel.  Add and remove as many bookmarks as you want for any given publication, they’re stored in a web browser cookie.

Because Ryuzine publications exist as a web page you can also use your web browser’s bookmark/favorite tool or any third-party bookmarking or bookmark syncing service.  You can also mark up Ryuzine publications with a number of third-party web page highlighting and annotating services.

Bubble Guide

While we hope Ryuzine Reader is intuitive to use, just in case you’re new to webapps and e-reading we included our innovative, animated “Bubble Guide” Help feature.  Just hit the [?] button on the “Options Panel” and it pops up to guide you through the ins-and-outs of using Ryuzine Reader.  Step through it at your own pace or press “Play All” and sit back and watch it show you how Ryuzine works.

Publisher Features


With the “stand-alone” version of Ryuzine you can choose to create downloadable publications for offline reading and/or host them “in the cloud” on any website.  Ryuzine doesn’t require any server-side code to run (in fact it doesn’t even require a server at all).  Simply decide where and how you’ll distribute your publications.  You can even package them as native Android apps and sell them in the Google Play Store or other Android app stores.  It’s up to YOU!

Lightbox Gallery

Ryuzine Reader now has two different Lightbox add-ons.  One is the original (formerly built-in) lightbox script.  The other is a completely new one that makes creating lightbox links and content as easy as creating any other kind of web page link, and it also supports collecting content into navigable galleries.   The animations are defined in a stylesheet, so you can customize them almost any way you like.  Links that open gallery content can also be customized with a number of icons indicating the kind of media to which they link.  The boxes in your gallery can hold anything a web page can hold: images, video, HTML, iframes, Flash animations, etc.  If that still isn’t enough flexibility, you could always build a custom add-on that loads your favorite lightbox script.

User Interface Localization

localizeA simple add-on feature allows you to easily change the text on panels, buttons, and the “Help” bubble from the default English to any other language.  The Localization Add-On already includes translations for a number of languages (translated automatically with Google Translate).  The “Localize” add-on also includes utilities to parse and merge language files which makes it a lot easier to add support for additional languages.

The Right Binding

rightbindNot all magazines, books, or comics read from left to right!  A simple configuration setting changes the virtual binding from left to right.  This feature was originally included to offer webcomics creators a more realistic “manga” experience for their readers, but can be used for any right-to-left reading content.

Theme It!

themesDress up your Ryuzine publication with add-on themes!  Deliver the same theme to all your readers or use our “Platform Targeting” option to deliver different themes to different devices.  This allows you to send “OS Integration” themes – for a more “native app experience” – on Android, iOS, Windows, and more.  Each theme is a single stylesheet so it’s really easy to create your own custom themes, for example, to integrate your publications with the look and feel of the rest of your website.