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. …


This content originally appeared on Bram.us and was authored by Bramus!

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 →


This content originally appeared on Bram.us and was authored by Bramus!


Print Share Comment Cite Upload Translate Updates
APA

Bramus! | Sciencx (2021-05-10T22:04:13+00:00) Optimizing web content for Reader Modes and Reading Apps. Retrieved from https://www.scien.cx/2021/05/10/optimizing-web-content-for-reader-modes-and-reading-apps/

MLA
" » Optimizing web content for Reader Modes and Reading Apps." Bramus! | Sciencx - Monday May 10, 2021, https://www.scien.cx/2021/05/10/optimizing-web-content-for-reader-modes-and-reading-apps/
HARVARD
Bramus! | Sciencx Monday May 10, 2021 » Optimizing web content for Reader Modes and Reading Apps., viewed ,<https://www.scien.cx/2021/05/10/optimizing-web-content-for-reader-modes-and-reading-apps/>
VANCOUVER
Bramus! | Sciencx - » Optimizing web content for Reader Modes and Reading Apps. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/05/10/optimizing-web-content-for-reader-modes-and-reading-apps/
CHICAGO
" » Optimizing web content for Reader Modes and Reading Apps." Bramus! | Sciencx - Accessed . https://www.scien.cx/2021/05/10/optimizing-web-content-for-reader-modes-and-reading-apps/
IEEE
" » Optimizing web content for Reader Modes and Reading Apps." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2021/05/10/optimizing-web-content-for-reader-modes-and-reading-apps/. [Accessed: ]
rf:citation
» Optimizing web content for Reader Modes and Reading Apps | Bramus! | Sciencx | https://www.scien.cx/2021/05/10/optimizing-web-content-for-reader-modes-and-reading-apps/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.