In browsers which do not have the support for impress.js, presentation steps will be displayed all over the place without proper alignment or design which can make it very hard to read. Since users don't have a clear idea about impress.js, it's common that they will consider it as a bad design which is going to ruin your reputation as a designer.
It is thus recommended to provide a notification for users using unsupported browsers. impress.js has an in-built method to provide this functionality using CSS classes. There are two predefined classes called impress-supported
and impress-not-supported
. When the browser is not supported, the impress-not-supported
class will be assigned to the body element and when the browser is fully compatible, the impress-supported
class is added to the body.
Now let's create the fallback message for the user. The following is the message used in the default official demo:
<div class="fallback-message"> <p>Your browser...