Diigo Bookmarks 12/25/2018

2018年12月25日 著

• Generic First CSS: New Thinking On Mobile First -- Smashing Magazine

  "Instead of writing media queries that cascade upwards with increases in screen size, I began creating targeted media queries that would encapsulate styles at desired screen widths."

• Styling a Select Like It's 2019 | Filament Group, Inc., Boston, MA

  "The font-size: 16px; rule is important because iOS Safari will zoom-in the site layout if the select's text is less than 16px. Generally, this behavior is annoying so we try to avoid it with a 16px font size on selects."

• I Used The Web For A Day Using A Screen Reader -- Smashing Magazine

  "My biggest takeaway is that there's a big cultural shock in going to an audio-only experience. It's a totally different way to navigate the web, and because there is such a contrast, it is difficult to even know what constitutes a 'good' or 'bad' screen reader experience."

• Official Google Webmaster Central Blog: Mobile-First indexing, structured data, images, and your site

  "There's still a lot to do, but today, we're happy to announce that we now use mobile-first indexing for over half of the pages shown in search results globally."

• I Used a Switch Control for a Day - 24 Accessibility

  "There's a lot that switch interface producers like Apple could do to improve the user experience for switch users. For instance more efficient scrolling, less annoying notifications and improved word predictions."

• EPUBTest

  "The EPUB 3 Support Grid is a resource for determining what features of EPUB 3.0 render correctly on the most commonly used devices, apps, and reading systems."

• My CSS Reset/Base

  "I also reset the font-family, font-size, and line-height on every element to inherit from its parent. This is pretty opinionated and is actually a new addition to my reset file. I do it this way because, generally speaking, I want to be proactive about setting any font styles that are different from the paragraph elements."