Diigo Bookmarks 09/12/2019
- 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"