Raindrop.io Bookmarks 06/25/2021

2021年6月25日 著

• TablesNG -- Improvements to <table> rendering in Chromium - Bram.us

  "The old table implementation -- from WebKit before -- was very old, and limited further development. The rewrite that landed emphasizes correctness, fixing 72 bugs in one sweep."

• Custom Scrollbars In CSS - Ahmad Shadeed

  "Yes, we can add a hover effect to the scrollbar thumb for the old and new syntax."

• Using AVIF to compress images on your site

  "Using libaom, libavif and other open source tooling, you can get the best image quality and performance for your website using AVIF. The format is still relatively new, and optimizations and tooling integrations are actively being developed."

• Using the `outline` Property as a Collapsable Border | CSS-Tricks

  "the fact that we can use outline and its lack of participation in the box model makes it interesting, particularly as a border alternative in some cases."

• Your Image Is Probably Not Decorative -- Smashing Magazine

  "In this context, decorative means that the image does not visually communicate information that is important to understanding the purpose of the page or view, and why the image is included as a part of that."

• When CSS Isn't Enough: JavaScript Requirements For Accessible Components -- Smashing Magazine

  "Spoiler alert: tooltips, modals, tabs, carousels, and dropdown menus are some of the user interface components that require more than CSS. To ensure accessibility of your interface, JavaScript is a necessary addition to accomplish focus management, respond to keyboard events, and toggle ARIA attributes."

• Dark Mode with Style Dictionary | dbanksdesign

  "We are going to build a design token package using Style Dictionary that has support for light and dark mode for color tokens and graphic assets (using tokens as well). It has demo apps in Android, iOS, and Web to show how it would integrate into those platforms."