Raindrop.io Bookmarks 12/05/2022

2022年12月5日 著

• What image format should you use in your next project? - DEV Community

  "HTML facilitates the use of videos considerably, to the point that using an animated image instead of a video may almost be considered a bad practice. Videos are better in many ways"

• Landmarks and where to put them - HTMHell

  "There is still one more landmark that we need to discuss: the search landmark. All the landmarks above are HTML elements with a specific landmark role, but the search landmark role has no associated HTML element. It only exists in ARIA."

• Digging Deeper Into Container Style Queries | CSS-Tricks - CSS-Tricks

  "We don't even need to explictly assign a container-name or container-type to define a style container because everything is a style container by default."

• Digital Declutter Toolkit from Business Declares

  "A toolkit that can help you measure and reduce the digital carbon emissions of your business."

• Web Performance Calendar » Fast is good, instant is better!

  "The back/forward cache (or bfcache for short) is a browser optimization that stores the fully loaded page (including the JavaScript heap) in memory for a period after a user navigates away. That way if the user goes back to a page it can be restored instantly. And the same when going forward again after going back."

• Designing a Utopian layout grid: Working with fluid responsive values in a static design tool. | Utopia

  "This is true of breakpoint-based design as well as fluid responsive design, but because Utopia is declarative, we only need to visualise the smallest and largest states, which we call @min and @max. Everything in between will be displayed according to the rules we set."