Diigo Bookmarks 09/12/2019

2019年9月12日 著

• Flexbox cheatsheet inside VS Code

  "By pressing Ctrl+Shift+P (Win) / Cmd+Shift+P (Mac) and searching for the Open Flexbox Cheatsheet command. Hovering any display: flex declaration and clicking the Open Flexbox Cheatsheet link in the popup (as shown in the demo)."

• Making Audio and Video Media Accessible | Web Accessibility Initiative (WAI) | W3C

  "Depending on the content of your media, it might need captions/subtitles (a text version of the audio that is shown synchronized in the media player), a transcript (a separate text version of the audio), audio description of visual information (usually an additional audio stream that describes important visual content), or other accessibility functionality/features."

• Figma Mac App - Design Tool - Figmac

  "A super lightweight Figma desktop app that delivers a more natural Mac experience."

• Request Map Generator

  "Submit a URL to generate a node map of all of the requests on the page. Rapidly identify what third-parties are on your site, where your transmitted bytes are coming from and how slow your domains are!"

• Two Browsers Walked Into a Scrollbar | Filament Group, Inc.

  "Windows scrollbars are not only obtrusive by default but are particularly heavy, design-wise. They're much wider by default than their Mac OS counterparts and typically conform to operating system colors (not a page's color palette)."

• Under-Engineered Text Boxen | Adrian Roselli

  "You can do a lot with native HTML text fields using just a little CSS. When you do style your own fields, look to the minimum styles you need to make them fit with your overall design and still support the cases"