Tech – Page 2 – SiteLint

Check if a string is valid HTML using JavaScriptArticle contains

Essential requirements
How does the DOMParser interface parse HTML strings differently based on the mimeType argument?
Practical example
Code
Example of validation error
What a MIME type is and why it's used in the isStringValidHtml function?
How does the DOMParser API handle invalid HTML syntax?

Keyboard with all empty keys except four keys: H, T, M, and L next to each other.

Check if a string is valid HTML using JavaScript

Validating if a string is valid HTML can be done using DOMParser API and its method parseFromString.

The DOMParser API interface allows you to parse XML or HTML source code from a string and convert it into a DOM Document. It is used to convert a string of XML or HTML into a structured DOM object that can be easily manipulated using JavaScript.

Optimizing Background Videos for Fast Loading: Tips and Strategies for Improved User ExperienceArticle contains

Reduce the file size
Remove audio from muted videos
Convert to HTML5 supported formats
Optimize the video's dimensions and aspect ratio for the page layout
Lazy loading for video, including CSS background
Preload the video
Use a poster image
Use a video hosting platform that supports adaptive bitrate streaming

An old, open briefcase with a mini beach and sun in it

Optimizing Background Videos for Fast Loading: Tips and Strategies for Improved User Experience

Adding videos to your website can sometimes be a double-edged sword. Web users love high-resolution videos, but if your website isn’t optimized to handle them, such content can cause performance problems.

When it comes to optimizing background videos for fast loading, there are several steps you can take.

Create a self-signed SSL certificate for Node.js on MacOSArticle contains

Generate a Self-Signed SSL Certificate for Node.js on MacOS (with Code Examples)
Inspecting Node.js code

Create a self-signed SSL certificate for Node.js on MacOS

To create a self-signed SSL certificate for Node.js on MacOS, you can follow below steps.

Detect browser zoom levelArticle contains

Differentiating pinch zooming and text scaling
Determining the text zoom level in a browser
Identifying the pinch zoom level in a browser
Practical example of detecting browser zoom levels

Detect browser zoom level

You can use multiple methods in JavaScript to detect the browser zoom level, depending on the browser and the specific requirements of your application. Here are a few approaches to think about.

Hiding a text but making it accessible to a screen readerArticle contains

Making hidden text accessible to screen readers: a guide
1. Notes
Difference between CSS class .visually-hidden and .sr-only
Accessibility and Hidden Text: Can Screen Readers Detect It?
How visibility: hidden affects screen readers
Is there a way to test whether the hidden text is actually being read by screen readers after applying the .visually-hidden class?
Why hide text from sighted users?

Female eye-looking, peeking through a triangle blue background

Hiding a text but making it accessible to a screen reader

Accessible hiding allows an element to be visually hidden while remaining accessible to assistive technologies such as screen readers. The approach is to apply a CSS class to the element that should not be shown.

There are several solutions for this type of CSS class, but we recommend following styles that cover hiding elements and optionally giving the ability to show the element when the element receives the focus or contains an element that has received focus. Useful for Skip to the main content links. See Adding a link at the top of each page that goes directly to the main content area.

Solution to "Type 'FileList' must have a '[Symbol.iterator]()' method that returns an iterator"Article contains

Solution to the error Type 'FileList' must have a '[Symbol.iterator]()' method that returns an iterator
Notes

Laptop and Typescript sentence next to it

Solution to “Type ‘FileList’ must have a ‘[Symbol.iterator]()’ method that returns an iterator”

While working with TypeScript and FileList you may get the TypeScript error Type ‘FileList’ must have a ‘[Symbol.iterator]()’ method that returns an iterator.

Cache busting in Angular for static assetsArticle contains

What is cache busting in Angular?
A solution to the cache busting problem in Angular
Effortlessly manage and update static assets in your Angular application
1. Angular-based approach for cache busting static assets
Share your feedback and improve the solution
Explore a real-world example of cache busting in Angular

Cache busting in Angular for static assets

Images and other assets you have in your assets folder that you reference in Angular templates are not hashed, and we are going to solve that problem.

How to play YouTube videos in the background in the Brave browser (Android and iOS)Article contains

How to play YouTube videos in the background on Android
How to play YouTube videos in the background on iOS

How to play YouTube videos in the background in the Brave browser (Android and iOS)

When you go to another app or turn off the screen, YouTube stops playing in the browser. Here are some tips to keep those videos playing in the background. The Brave browser on Android and iOS can play YouTube in the background, with the exception that on Android it plays only audio.

How do I clear a big /var/log/journal folder?Article contains

The problem
How do I safely clear a big /var/log/journal folder?
1. Determine how much disc space /var/log/journal consumes
2. Clear (reduce) the folder size instantly
Control the amount of disc space that /var/log/journal can utilise

How do I clear a big /var/log/journal folder?

Can we remove files from the /var/log/journal folder? Yes, indeed. It’s completely fine as long as you don’t require the logs for troubleshooting.

OpenAI releases GPTBot with instructions on how to restrict accessArticle contains

How GPTBot works
GPTBot access restrictions
Concerns regarding legal and ethical issues

OpenAI releases GPTBot with instructions on how to restrict access

OpenAI has released GPTBot, a new web crawler designed to boost future artificial intelligence models such as GPT-4 and the upcoming GPT-5. According to an OpenAI blog post, using GPTBot has the potential to improve existing AI models in areas such as accuracy and safety.

Web pages crawled with the GPTBot user agent may potentially be used to improve future models and are filtered to remove sources that require paywall access, are known to gather personally identifiable information (PII), or have text that violates our policies. Allowing GPTBot to access your site can help AI models become more accurate and improve their general capabilities and safety. Below, we also share how to disallow GPTBot from accessing your site.

Category: Tech