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.Continue reading “Cache busting in Angular for static assets”
Custom fonts impact performance through delayed text rendering and layout shifts. This is because they have to be downloaded and the layout must be repainted again. When a visible element on your website changes size or location, it might have an impact on the position of the content surrounding it. This is known as a layout shift.
Note that if a web font has not loaded, browsers typically delay text rendering.Continue reading “Fixing layout shifting brought on by custom fonts”
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.Continue reading “How to play YouTube videos in the background in the browser (Android and iOS)”
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 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.
Continue reading “OpenAI releases GPTBot with instructions on how to restrict access”
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.
Hiding content generated through the
content CSS property isn’t easy out of the box. However, some tricks can be used to achieve that.
Let’s then see the possibilities and limitations.Continue reading “Hide content in CSS pseudo elements from screen readers”
Headings communicate the organization of the page’s content. The
h1 heading, which is usually the largest heading on a page, describes the main topic of the page and typically corresponds to the title of the page. It gives users an indication of what the page is about.
h1 heading influences visitors’ decisions about whether or not to continue reading a page. It communicates the page’s relevance to search engines.
According to the WCAG headings rules, levels should be used hierarchically, with the main heading being the highest level (
h1) and subheadings being subsequent lower levels (
h4, etc.). This structure makes it easier for people with visual impairments, cognitive disabilities, and learning difficulties to easily understand the content of a web page.
In this article, we’ll go over all you need to know about the
h1 heading and how to make the most of it from the perspective of the user, SEO, and accessibility!
After CSUN 2023 conference we have modified our presentation and here is the result.
- Operation Issues
- Actionable insights
- By component or by workflow
- Human-centered accessibility