Raindrop.io Bookmarks 01/30/2022

2022年1月30日 著

• short note on emoji text alternative variations - HTML Accessibility

  "What can be inferred from this comment is that what we are presented with in a screen reader's speech viewer is the output prior to the step where the text is processed and sent to the speech synthesizer."

• Modern Fluid Typography Using CSS Clamp -- Smashing Magazine

  "I wanted to tackle this issue from the get-go by using JavaScript to detect when zoom event occurs and apply a class that will override the fluid sizing with a regular rem value."

• What's New Since CSS3 in 2015? | CSS-Tricks - CSS-Tricks

  "Scott Vandehey in "Modern CSS in a Nutshell" wrote about his friend who hasn't kept up with CSS since about 2015 and doesn't really know what to learn. I'll attempt to paraphrase Scott's list and what's changed since the days of CSS3."

• The Future of CSS: Detect at-rule support with @supports at-rule(@keyword) - Bram.us

  "Hot off the press is a new CSS Working Group decision that defines the at-rule function -- to be combined with @supports -- which will allow just that."

• npm: A Free Guide for Beginners | CSS-Tricks - CSS-Tricks

  "This post is for you if you wonder why other developers seem to love making things so damn complicated, and what the point of all that command line junk is in the first place, when you could just write plain, simple HTML, CSS and JavaScript instead."

• What's New In DevTools? -- Smashing Magazine

  "As a web developer, it is very useful to have access to this accessibility tree. It helps understand how the markup you choose influences the way screen readers interpret the page."

• How to Make a Scroll-Triggered Animation With Basic JavaScript | CSS-Tricks - CSS-Tricks

  "Scroll triggers are very useful. There are many libraries out there that you can use to implement them, like Greensock's popular ScrollTrigger plugin. But you don't have to use a third-party library, particularly for fairly simple ideas. In fact, you can implement it yourself using only a small handful of vanilla JavaScript."