How to design for Safari Reader
If you use or test with the latest Safari web browser you may have noticed that you get a "Reader" button that pops up in the address bar. This means that safari can suck the main content out of the web page and present it in an uncluttered format (the Safari Reader) - their idea is that it "removes annoying ads and other visual distractions from online articles. So you get the whole story and nothing but the story".
Not all pages present this reader icon - that's because safari has to parse the html file and understand what is the main content and what is the external fluff.
Basic rules to kick safari into offering the reader seem to be:
Read more about it over at mathiasbynens.be the comments on this article are very good.
This begs the questions - Should we design for one specific web browser reader? and.. Do we want to display the article away from the page?
I'm interested in who actually uses the Safari Reader on a regular basis.
Not all pages present this reader icon - that's because safari has to parse the html file and understand what is the main content and what is the external fluff.
Basic rules to kick safari into offering the reader seem to be:
- Use the right markup, i.e. make sure the most important content is wrapped inside a container element. Whether you use <article>, <div> or even <span> doesn’t seem to matter — as long as it’s not <p>.
- The content needs to be long enough. Use enough words, use enough paragraphs, use enough punctuation. Every paragraph should have at least 100 characters.
- Reader doesn’t work for local documents.
Read more about it over at mathiasbynens.be the comments on this article are very good.
This begs the questions - Should we design for one specific web browser reader? and.. Do we want to display the article away from the page?
I'm interested in who actually uses the Safari Reader on a regular basis.
The post is so interesting. Thanks for sharing such a nice post.
ReplyDeleteGetting trouble in quicken software then call at quicken technical support phone number 1-800-513-4593 an connect with experts 24/7 quicken 2018 help number
Working With TextInput Component In React Native
ReplyDeletenice blog... Working With TextInput Component In React Native
ReplyDeletevery nice article.
ReplyDeleteNo 1 SSC Coaching In Dehradun
Mathematics Classes in Dehradun
ReplyDeleteApp Cloner Full Version is an application that will allow you to make exact copies of any app on your smartphone or tablet.
Hi,
ReplyDeleteGreat Article Thisismarkantony I love this name even I bookmark this page for new post.......
We have same website in Education like NDA Coaching in Dehradun
This is really impressible post for everyone to know about this matter. I am so glad to read this. Thank you so much for sharing your helpful experience.
ReplyDeleteIf you want know more please visitFashion
Great article and really impressive. Thank you so much for sharing your helpful experience.
ReplyDeleteBreaking News today
this information is really creative...thanks for sharing that kind of informative post...
ReplyDeletemobile application development company in UK
Quicken Support
ReplyDeleteQuicken Support Number
This information is really creative...thanks for sharing that kind of informative post... If you need more information regarding QuickBooks File Doctor then contact QuickBooks expert.
ReplyDeleteThe decision of choosing the Allegiant Airlines is the best decision you have ever. Book your Allegiant Flight today and travel with us. Check the Allegiant Air Flight Schedules and book your ticket. For more information please get in touch with the Allegiant Air Phone Number.
ReplyDeleteMajor causes of your QuickBooks Software you need to get in touch with the QuickBooks Specialists. To contact the QuickBooks Specialists immediately contact the QuickBooks Help Number. Without any hesitation, you can approach the technical support team.
ReplyDeleteAlways be in touch with the Avast Customer Service if you are using the Avast Antivirus Software. Its latest updates and advanced technology will boost your security updates. So be in touch and be updated.
ReplyDeleteNow make your Brother Printer error-free with the Brother Printer Support. Get in touch with the Brother Printer specialists and they will assist you online and fix your queries as soon as possible. So contact them without any hesitation.
ReplyDeleteBook the cheap fare flights with Alaska Airlines and experience the amazing travel deals, just dial the Alaska Airlines phone number and have the cheap fare flights online deals towards your destinations here you can also have the full the information about any issue related to Alaska Airlines like baggage allowed weight, flights check in and many mmore
ReplyDeleteAllegiant Airlines Phone Number is available 24×7 so you can easily clear your confusion and talk to the Allegiant Airlines Customer Service team. So get in touch and be updated.
ReplyDeleteSpirit Airlines gives one of the least expensive and the ease Airlines tickets to its travelers so they can without much of a stretch travel to their goal. This current aircraft's headquarter is in Florida. For more updates get in touch with the Spirit Airlines Customer Service.
ReplyDeleteFurthermore, in the sub-resulting years, it added increasingly Aircraft to its flight. So get in the touch with the Spirit Airlines Customer Service Number and know all about the Spirit Airlines Flights. So be in touch and be updated.
ReplyDeleteAirlines that gives the VIP treatment and much more, you can feel royal and more joyful with the Allegiant Airlines. So take a ride with the Allegiant Airlines. For any further query contact the Allegiant Air Customer Service and book your tickets.
ReplyDeleteSpirit Airlines provides the cheapest air tickets to all who are planned to travel with the Spirit Airlines. If you want to look for the Spirit Airlines tickets then you need to get in touch with us.
ReplyDeleteAllegiant Airlines is certified by the department of transportation in the U.S. as a scheduled air carrier. If you are planned to travel with the Allegiant Airlines then you need to get in touch with the Allegiant Air Phone Number 1 800 854 7418. You call at this number and book your flight tickets.
ReplyDeleteRoku mexico is the best way to watch more channel free of cost.
ReplyDelete
ReplyDeleteYour selection of topic is very good and also well written. Thanks for sharing. I feel like all your ideas are incredible! Great job!!!
http://www.prestigelakeridgebangalore.co.in/
http://www.mantriserenitykanakapuraroad.in/
http://www.prestigefalconcitykanakapuraroad.in/
http://www.godrejairhoodi.co/
http://www.goyalorchidwhitefield.net/
http://www.prestigewillowtree.co/
Really i read your post very useful me thank you. If anyone want to about roku.com/link they can visit our site.
ReplyDeleteHello , I have already visit your post. Thank you very much for for your great information. It really makes me happy and I am satisfied with the arrangement of your post. You are really a talented person I have ever seen. I will keep following you forever. I have a site. If you have time,so you can visit this site and give me suggestion. Please click-> https://www.eagleg.com/
ReplyDeleteGreat clip. Once again feeling happy and proud to say that this is my favorite Blog. The postings are very unique and also outstanding performance with the new creativity and Excellency with the new different ideas and concepts. Really I am waiting for some more new posts from you. Keep up your Excellency and efficiency in these same levels. Please visit our site. Packaging Company
ReplyDeleteWhat a good blog you have here.love it very much . This topics is my interest. Thank you. .
ReplyDeletehotmail
The post is really very nice and useful. Thanks for sharing.
ReplyDelete
ReplyDeleteDelete Internet History Online
How to Delete Cookies Online
How to Clear Cache Online
How to Clear Browsing History Online
Ranchi Escorts : Ranchi Escorts Services is a best platform when you can get unlimited entertain. A Ranchi Escorts can provide Air Hostess Escorts,Call Girl,Model Escorts,College Girls,Housewife Escorts services at affordable price. Just call at 9000000000
ReplyDelete