Raindrop.io Bookmarks 01/05/2024

2024年1月5日 著

• Border images in CSS: A key focus area for Interop 2023 | MDN Blog

  "In this post, we'll provide a recap of all the longhand properties associated with border images and explore how to customize images in borders."

• Security Headers using <meta> - HTMHell

  "Content Security Policy (CSP) is used to determine whether a content being loaded in the page is from a trusted source or not. CSP is versatile in controlling all different kinds of content from which script gets loaded to what a form target can be set to through its various directives, and hence protects your users from a wide range of attacks such as clickjacking attacks and cross-site scripting attacks."

• Getting started with CSS container queries | MDN Blog

  "I predict that in the not too distant future, container queries will largely take the place of media queries when it comes to layout, while media queries will be largely reserved for other media features like the ones mentioned above."

• Understanding HTML landmarks and how to apply them - LogRocket Blog

  "As helpful as landmarks are, too many can create excessive "noise," reducing their usefulness. So, be sure to use landmarks wisely, reserving them for highlighting the most important sections of your project."

• Web Performance Calendar » Why web perf tools should be reporting website carbon emissions

  "I'd argue that the field of measuring website carbon emissions is today in the same spot that the web performance field was a decade ago."

• The hidden depths of the input element - HTMHell

  "Most elements behave the same way regardless of their attributes, the type attribute of the <input> element can take 1 of 22 different values that gives it not only different behaviour, but a different visual appearance too (many of which are hell to style, of course)."

• The Ladybird browser project

  "Ladybird is an ongoing project to build an independent web browser from scratch."