Diigo Bookmarks 07/20/2016

2016年7月20日 著

• Fixing HTML Video on Mobile — This Also — Medium

  "Worst of all, Safari on the iPhone (the most popular mobile browser to visit our site) does not allow inline video playback at all (Note: This limitation is being lifted in iOS 10 which is set to be released later this Fall)."

  tags: video webdev html

• Considerations for Styling a Modal | CSS-Tricks

  "A modal. A small box that pops up to tell you something important. How hard can it be? Wellllll. Medium hard, I'd say. There's quite a few considerations and a few tricky things to get just right. Let us count the ways."

  tags: webdev

• Being pragmatic about accessibility – Springload

  "We’ve also spent time wondering: Is it accurate to say screen readers make use of HTML5 elements or ARIA roles consistently? There is a lot of conflicting information on the web about this."

  tags: accessibility html wai-aria

• Snyk's Style Guide

  "Unfortunately, relying on code comments like KSS does to generate the style guide means the patterns don’t stay in sync with the site – you have to remember to update them if you update the template."

  tags: styleguide

• Vox Product Accessibility Guidelines

  "Making work accessible creates a better experience across the board. Use this checklist to help build accessibility into your process no matter your role or stage in a project."

  tags: accessibility guidelines

• How to make Multi-Layered Parallax Illustration with CSS & Javascript — Medium

  "I will be showing you how to create a simple multi-layered illustration with depth that transitions into the content in a unique way. We’ll be using a technique that involves CSS and pure JS (no jQuery!)."

  tags: css javascript webdev

Posted from Diigo. The rest of my favorite links are here.