Raindrop.io Bookmarks 01/18/2022

2022年1月18日 著

• Reduce the Pressure on Young and Inexperienced Developers · Jens Oliver Meiert

  "Let's put the pressure on us, the experienced developers and managers, and reduce the pressure on new peers. That's much better for everyone."

• CSS Anchored Positioning

  "Authors frequently wish to "pin" or "anchor" such top-layer UI to a point on another element, referred to here as an "anchor element". How the top-layer UI is positioned with respect to its anchor element is further influenced or constrained by the edges of the layout viewport."

• The good, the bad and the toggle. A dissection of the toggle, checkbox... | by Alex Bueno | Jan, 2022 | UX Collective

  "Usability tip: If the toggle is an action (Play/Pause) the label/title should show what will happen. If the toggle is an option (On/Off) then it should show the current state."

• How Flexbox Works

  "Whether the browser uses flex-grow or flex-shrink as the flex used factor depends on how much space is available along the main direction."

• 30 Frontend Tips | Kitty Giraudel

  "Learn about accessibility, when you get a chance. At least the basics, like what it is, why it matters, how it works... It's core of frontend development, and tend to be forgotten or included too late in the process."

• Boolean attributes in HTML and ARIA: what's the difference?

  "So, there are boolean attributes and keyword and enumerated attributes in HTML. When ARIA booleans are used in HTML, they are of the latter type. They take one of two keywords: "true" or "false". There are also ARIA attributes that take "true" and "false", but also other keywords in addition."