Topic: HTML – Ctrl blog

Best method for embedding dark-mode friendly SVG in HTML

2021-06-11T12:06:00Z

In this article, you’ll learn about the different methods for embedding Scalable Vector Graphic (SVG) images onto webpages. I’ll discuss which methods support the various security and processing modes in SVG, which methods support dark mode using @media queries, and which are the most caching friendly. I’ll also touch on why the most backward-compatible embedding method is the worst for perceived performance and has the most accessibility bugs.

Don’t be shady, deploy your JavaScript source maps

2021-02-15T10:22:00Z

JavaScript source code minification is a beneficial tool for reducing download file sizes. However, the resulting obfuscation makes the code difficult to read, and reduces trust and transparency. Public source maps will help restore code readability and transparency. As a bonus, it enables others to learn from your code.

The difference between RDFa’s property and rel attributes

2020-08-16T07:54:00Z

I’ve talked about HTML link metadata in the past. In that earlier article, I glanced over one detail that gave me a serious headache this week. That issue was the difference between the property and rel attributes, and how the two interoperate when used on the same or element.

Make native lazy-loading images load more eagerly

2020-05-20T14:16:00Z

Firefox recently joined Chrome and added support for native lazy-loading images (NLLI). NLLI delays loading images until they’re needed to speed up page load times, and reduce the data needed to display just what’s immediately needed to display a page.

Everything you need to know about Night mode in Samsung Internet

2020-05-18T18:29:00Z

As a web developer, you may be familiar with the prefer-color-scheme Cascading Stylesheet (CSS) media query. It allows web developers to create separate stylesheets for light and dark color schemas. Web browsers apply one of these color schemes usually following the operating system’s color scheme preference.