Optimizing web content for Reader Modes and Reading Apps

Sara Soueidan, thinking about the different ways we consume web content:

The more I consume content in reading apps, the more I am reminded of the importance and the power of progressive enhancement as a strategy to create resilient and malleable experiences that work for everyone, regardless of how they choose to consume our content. The more we think about the Web in layers, the more robust experiences we can design.

The perfect example which Sara covers are the beautiful content dividers on her blog. They’re simply <hr /> elements, spiced up with CSS.

To hide content which not essential to the article in Reader Mode, Sara — again — turns to HTML by tapping into the hidden attribute.

Ah, Progressive Enhancement at its finest 🤩

Tips for optimizing content for Reader modes and reading apps →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.