Our focus with Clibu’s development has been to get it working well on Desktop Web Browsers. Then once we reached that goal we’d move onto providing a full featured Smartphone and Tablet experience. And that’s precisely what we’ve been working these past few months.
In fact we’ve gone beyond our initial plan and have begun comprehensively updating Clibu to transform it into a Progressive Web Application.
This enables Clibu to automatically adjust its user interface and functionality to run on any screen size from small smartphones, to tablets to desktops, giving you all of Clibu’s capabilities on any device.
This animation shows Clibu on a tablet. You will notice the hamburger menu button at the top left and slide out panel typical on mobile applications.
The top navigation bar has changed and instead of three separate side panels from the Desktop user interface, there is a single panel which changes between Knowledge Base, Tags and Articles.
Apart from what you can see here, nearly all of Clibu’s user interface has been updated to work effectively and efficiently on small screens, while retaining all the Clibu’s functionality you are used to on your Desktop Web Browser.
Next you can see Clibu on a Smartphone. The article editor toolbar changes to occupy a single scrollable row, minimizing screen space. You can also see new round buttons to edit and add articles.
You will also notice the UI for adding a Tag has changed to use the full display area.
All of Clibu’s dialogs work this way when running on phones and tablets. And they scroll vertically to move out of the way of the on-screen keyboard.
Some further UI refinement may be needed, but overall Clibu is now very usable on our small smart devices.
In hindsight it might have been prudent to start with Mobile in mind, however a lot has changed since we started developing Clibu and supporting small screens along with all the developments in PWA’s has come a long way in the last few years.
We are most of the way through development of the next version of Clibu with smartphone and tablet support, however as you can well imagine we have a lot of testing to do, to ensure everything works correctly across devices and their various screen sizes.
We’ve been quiet on the Blog for a little while and now you know why.
I am excited about the forthcoming release which opens up Clibu to work on all of our devices. Stay tuned.