Back in the good old days designing a user interface for a website was a whole lot easier. Consumption came in just a couple of flavors, desktop computer or laptop, and development teams only had one or two screen sizes to think about.
Today end-users, designers and developers alike face the excitement and challenges of accessing favorite sites and services over multiple screens; desktop, tablets, smart-phones, and subnotebooks to name a few. Accommodating them all is no trivial task.
So in order to scale across screens we’ve implemented a new paper view based on Twitter’s Bootstrap framework and CSS media queries. The framework enables us to deliver you a tailored experience that best fits the device, resizing and reorganizing content elements for the specific platform on which it is being viewed. It also allows our development resources to focus more on features and less on multiscreen device maintenance.
The new design delivers an all-around better experience for everyone; publishers are assured that their papers can be read across all devices and readers aren’t bothered any more with installing apps!
We also implemented a few other improvements while we were coding:
- Cleaner, updated paper look and feel
- More prominent positioning for the publisher’s profile on the front page
- Complete editorial control from the front page
- More articles within each topic section
To see how responsive design works, open a browser window and go to your favorite Paper.li. Grab the corner of your browser window and drag the screen left and right to make the window smaller or larger. Check out what happens!
Tweet us or leave a comment here and let us know how the responsive design is working for you. As always, we look forward to hearing from you.