Raindrop.io Bookmarks 03/08/2021

2021年3月8日 著

• Progressive enhancement and accessibility redux - QuirksBlog

  "Accessibility aims to optimize an experience across a spectrum of user capabilities. Progressive enhancement aims to optimize an experience across a spectrum of user _agent_ capabilities."

• Adactio: Journal--Authentication

  "All of the things I've mentioned--the autocomplete attribute, origin-bound one-time codes in text messages, and a well-known URL for changing passwords--have good browser support."

• Home | Open UI

  "The purpose of Open UI to the web platform is to allow web developers to style and extend built-in web UI controls, such as <select> dropdowns, checkboxes, radio buttons, and date/color pickers."

• How to run a WebPageTest test - Matt Hobbs

  "In this post I'm going to examine all the individual settings from the homepage of WebPageTest (WPT)."

• Form Validation: You want :not(:focus):invalid, not :invalid - Bram.us

  "The :user-invalid pseudo-class represents an element with incorrect input, but only after the user has significantly interacted with it."

• You want minmax(10px, 1fr) not 1fr | CSS-Tricks

  "In the former, the minimum width of the grid column is min-content, which can be awkwardly wider than you want it to be"