Diigo Bookmarks 01/19/2020

2020年1月19日 著

• Don't Get Lost in Translation: Using Google Translate in Alfred - Alfred Blog

  "Instead of letting Google play Russian roulette, I've created a few custom searches that specify which languages I want Google to use. This particular custom search ensures that Google predictably knows I'm entering a French sentence and I want the outcome to be in English."

• Thinking Through Styling Options for Web Components | CSS-Tricks

  "I'm assuming that we're using the Shadow DOM here as, to me, that's one of the big draws of a web component: a platform thing that is a uniquely powerful thing the platform can do. So this is about defining styles for a web component in a don't-leak-out way, and less so a way to get global styles to leak in"

• Becoming a climate positive company - Axess Lab

  "At Axess Lab we strive to make the world more accessible for people with disabilities. But what's the point of an accessible world if we can't survive in it?"

• The Deal with the Section Element | CSS-Tricks

  "When a section element has an accessible name it becomes a navigable landmark element, so a screen reader user can use their screen reader's shortcut key for navigating from one to the next - just like they can do with headings."

• Chromium Blog: Building a more private web: A path towards making third party cookies obsolete

  "privacy-preserving and open-standard mechanisms like the Privacy Sandbox can sustain a healthy, ad-supported web in a way that will render third-party cookies obsolete. Once these approaches have addressed the needs of users, publishers, and advertisers, and we have developed the tools to mitigate workarounds, we plan to phase out support for third-party cookies in Chrome. Our intention is to do this within two years."

• The Role of Animation and Motion in UX

  "Animation in UX must be unobtrusive, brief, and subtle. Use it for feedback, state-change and navigation metaphors, and to enhance signifiers."

• Transitioning Hidden Elements - Cloud Four

  "When a CSS transition ends it will fire a transitionend event. In our scenario, removing the is-open class from our drawer will automatically trigger a transition. By hooking into this, we can remove the hidden attribute after our transition is complete."