Raindrop.io Bookmarks 11/06/2023

2023年11月6日 著

• The new light-dark() function to switch theme color in CSS -- Amit Merchant -- A blog on PHP, JavaScript, and more

  "As for browser support, the light-dark() function is currently supported in Firefox 120 but hopefully, it will be supported in other browsers soon."

• Web browsers kind of suck | Go Make Things

  "Don't get me wrong, modern web browsers are amazing pieces of technology, far more capable than anything that existed over a decade ago. But they've also all succumb to capitalism-driven rot."

• Inspecting websites and web views on iOS devices · Eric Eggert

  "Check "Connect via Network" to get rid of the need of a cable connection."

• Too small touch targets | Stefan Judis Web Development

  "I keep thinking that browsers should adopt GitHub's behavior natively. "Hey Stefan, your fat finger hit two targets. Which one did you want to click?" -- seems reasonable."

• Use the accessibility shortcuts on iOS to speed up your testing workflow · Eric Eggert

  "You can put accessibility buttons into Control Center (the panel that appears when you swipe down from the top right of the screen). Go to Settings → Control Center and add accessibility features under "more controls"."

• How to style element descendants with Tailwind CSS | Stefan Judis Web Development

  "what happens when you use fancy arbitrary variants like [&_svg]:mt-4? Tailwind has to parse your markup and make up the CSS on the fly. This new class variant is then added to your compiled CSS and it increases the overall CSS size."

• What should be the contrast level of inactive buttons? | by Giulia Alfarano | Oct, 2023 | UX Collective

  "Disabled text readability is surely not an easy problem to solve, especially when WCAG only tells us there is "no contrast requirement" for that. Luckily APCA's Readability Criterion (ARC) comes to the rescue with guidelines that finally give us a well defined and researched way to test our text's legibility, considering all: font size, font weight, colour, use case and more."